@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary: #10B981;--primary-hover: #059669;--primary-glow: rgba(16, 185, 129, .08);--green: #10B981;--green-glow: rgba(16, 185, 129, .05);--gold: #D97706;--gold-bg: rgba(217, 119, 6, .06);--red: #D93025;--red-bg: rgba(217, 48, 37, .06);--dark: #F8F9FA;--dark-lighter: #FFFFFF;--card-bg: #FFFFFF;--glass: rgba(255, 255, 255, .98);--glass-border: #E0E3E8;--text-main: #1F1F1F;--text-dim: #5F6368;--transition: all .2s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15);--shadow-md: 0 1px 2px 0 rgba(60, 64, 67, .1), 0 2px 6px 2px rgba(60, 64, 67, .15);--shadow-lg: 0 4px 16px rgba(0,0,0,.08)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--dark);color:var(--text-main);min-height:100vh;overflow-x:hidden;letter-spacing:-.1px}.glass{background:var(--glass);border:1px solid var(--glass-border)}.glass-card{background:var(--card-bg);border:1px solid var(--glass-border);border-radius:16px;padding:24px;transition:var(--transition);position:relative;overflow:hidden}.glass-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--primary),transparent);opacity:.25}.glass-card:hover{border-color:#10b98140;box-shadow:0 4px 16px #0000000a}.login-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#fafdfb;z-index:2000;overflow:hidden}body.dark-mode .login-overlay{background:#0a0b0d}.auth-split-wrapper{display:flex;width:100%;height:100vh;overflow:hidden}.auth-showcase-side{flex:1.2;background:radial-gradient(circle at 80% 20%,#064e3b,#011e17);position:relative;display:flex;flex-direction:column;justify-content:flex-start;padding:45px 50px;color:#fff;overflow-y:auto;border-right:1px solid rgba(255,255,255,.08);scrollbar-width:none}.auth-showcase-side::-webkit-scrollbar{display:none}.showcase-glow-radial{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(16,185,129,.15) 0%,transparent 70%);top:-100px;right:-100px;pointer-events:none;animation:pulse 12s infinite alternate ease-in-out}.showcase-content-wrapper{position:relative;z-index:10;max-width:580px;margin:auto 0;width:100%}.showcase-badge{display:inline-flex;align-items:center;gap:8px;background:#10b9811f;border:1px solid rgba(16,185,129,.3);padding:6px 14px;border-radius:30px;font-size:.75rem;font-weight:600;color:#34d399;margin-bottom:20px;letter-spacing:.5px;text-transform:uppercase}.pulse-indicator{width:6px;height:6px;background-color:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 0 4px #10b9814d;animation:pulseGlow 1.8s infinite}.showcase-title{font-size:2.1rem;font-weight:700;line-height:1.25;margin-bottom:12px;letter-spacing:-1px;color:#fff}.showcase-desc{font-size:.92rem;line-height:1.55;color:#a7f3d0;margin-bottom:24px;opacity:.9}.showcase-stats-grid{display:flex;flex-direction:column;gap:14px;margin-bottom:30px}.showcase-stat-card{display:flex;align-items:flex-start;gap:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.05);padding:14px 18px;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat-icon-container{width:38px;height:38px;background:#10b98126;border:1px solid rgba(16,185,129,.25);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#34d399;font-size:1rem;flex-shrink:0}.stat-headline{font-size:.88rem;font-weight:600;color:#fff;margin-bottom:3px}.stat-detail{font-size:.78rem;color:#a7f3d0;opacity:.8;line-height:1.4}.showcase-map-preview{position:relative;height:120px;background:#0003;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;padding:15px;display:flex;align-items:flex-end}.map-dotted-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(16,185,129,.15) 1px,transparent 1px);background-size:16px 16px;opacity:.7}.map-connection-line{position:absolute;top:50%;left:20%;width:60%;height:2px;background:linear-gradient(90deg,#10b981,#f59e0b,#10b981);transform:rotate(-10deg);opacity:.35;animation:flowLine 3s infinite linear}.glowing-city-node{position:absolute;width:8px;height:8px;background:#10b981;border-radius:50%;box-shadow:0 0 10px #10b981}.glowing-city-node:after{content:"";position:absolute;width:24px;height:24px;border:1px solid #10B981;border-radius:50%;top:-8px;left:-8px;animation:rippleRing 2s infinite ease-out}.glowing-city-node.dakar{top:40%;left:20%;background:#10b981}.glowing-city-node.thies{top:52%;left:45%;background:#34d399}.glowing-city-node.mbacke{top:45%;left:75%;background:#f59e0b}.map-label{position:relative;z-index:5;font-size:.72rem;font-weight:600;color:#d1fae5;letter-spacing:.5px;display:flex;align-items:center;gap:6px}.auth-form-side{flex:.8;background:#fafdfb;display:flex;align-items:center;justify-content:center;padding:40px;overflow-y:auto;z-index:15}body.dark-mode .auth-form-side{background:#0d0f12}.auth-card{width:100%;max-width:440px;padding:45px 40px;border-radius:24px;background:#fff;border:1px solid #E5E9F0;box-shadow:0 12px 35px #022c220a;box-shadow:0 4px 24px #064e3b08;transition:var(--transition)}body.dark-mode .auth-card{background:#16171b;border-color:#ffffff0d;box-shadow:0 12px 40px #0000004d}.login-logo{text-align:center;margin-bottom:28px}.brand-logo-img{width:72px;height:72px;border-radius:18px;margin-bottom:12px;box-shadow:0 6px 18px #10b98126;border:2px solid #FFFFFF}body.dark-mode .brand-logo-img{border-color:#282b33;box-shadow:0 6px 18px #0000004d}.login-logo h2{font-size:1.55rem;font-weight:700;color:#111827;letter-spacing:-.5px;margin-bottom:4px}body.dark-mode .login-logo h2{color:#fff}.auth-subtitle{font-size:.82rem;color:var(--text-dim);line-height:1.4}.input-group{position:relative;margin-bottom:16px;text-align:left}.input-group i{position:absolute;left:18px;top:50%;transform:translateY(-50%);color:var(--text-dim);transition:var(--transition);font-size:.95rem}.input-group input{width:100%;padding:13px 20px 13px 48px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;color:var(--text-main);font-family:inherit;font-size:.9rem;transition:var(--transition)}body.dark-mode .input-group input{background:#1a1c21;border-color:#282b33;color:#fff}.input-group input:focus{border-color:var(--primary);outline:none;background:#fff;box-shadow:0 0 0 3px #10b9811f}body.dark-mode .input-group input:focus{background:#1d1f25;box-shadow:0 0 0 3px #10b9812e}.input-group input:focus+i{color:var(--primary)}.eye-toggle-btn{position:absolute;right:15px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-dim);font-size:.95rem;padding:6px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:var(--transition)}.eye-toggle-btn:hover{color:var(--primary);background:#10b98114}.auth-options{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;margin-bottom:22px}.remember-me{display:inline-flex;align-items:center;gap:6px;color:var(--text-dim);cursor:pointer}.remember-me input{accent-color:var(--primary);cursor:pointer}.forgot-pass-link{color:var(--primary);text-decoration:none;font-weight:600}.forgot-pass-link:hover{text-decoration:underline}button#signInBtn,button#registerBtn{width:100%;background:var(--primary);color:#fff;border:none;padding:13px;border-radius:12px;font-weight:600;font-size:.92rem;cursor:pointer;transition:var(--transition);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #10b98133}button#signInBtn:hover,button#registerBtn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}button#signInBtn:disabled,button#registerBtn:disabled{background:#cbd5e1;color:#64748b;cursor:not-allowed;transform:none;box-shadow:none}.auth-switch{margin-top:22px;font-size:.82rem;color:var(--text-dim);text-align:center}.auth-switch button.btn-text.highlight{background:none;border:none;color:var(--primary);font-weight:600;cursor:pointer;font-size:.82rem;margin-left:5px;transition:var(--transition)}.auth-switch button.btn-text.highlight:hover{text-decoration:underline;color:var(--primary-hover)}.password-strength-container{margin-top:-6px;margin-bottom:14px}.password-strength-meter{width:100%;height:4px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:4px}body.dark-mode .password-strength-meter{background:#252830}.password-strength-fill{height:100%;width:0%;transition:width .3s ease,background-color .3s ease}.password-strength-text{font-size:.72rem;color:var(--text-dim);font-weight:500;display:block}.terms-checkbox{display:flex;align-items:flex-start;gap:8px;font-size:.75rem;color:var(--text-dim);text-align:left;margin-bottom:18px;line-height:1.4}.terms-checkbox input{margin-top:2px;accent-color:var(--primary)}@keyframes pulseGlow{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes rippleRing{0%{transform:scale(.5);opacity:.8}to{transform:scale(1.8);opacity:0}}@keyframes flowLine{0%{background-position:0% 50%}to{background-position:100% 50%}}@media (max-width: 992px){.auth-split-wrapper{flex-direction:column;height:100vh;overflow-y:auto}.auth-showcase-side{flex:none!important;width:100%;padding:40px 30px;border-right:none;border-bottom:2px solid rgba(16,185,129,.15);background:radial-gradient(circle at 10% 10%,#064e3b,#011e17);min-height:auto}.auth-showcase-side .showcase-content-wrapper{margin:0 auto;max-width:620px}.showcase-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-bottom:25px}.showcase-title{font-size:1.85rem}.showcase-desc{font-size:.88rem;margin-bottom:25px}.showcase-map-preview{height:110px}.auth-form-side{flex:none!important;width:100%;min-height:auto;padding:45px 20px;background:#fafdfb;display:flex;align-items:center;justify-content:center}body.dark-mode .auth-form-side{background:#0d0f12}.auth-card{max-width:480px;padding:45px 40px;background:#fff;border:1px solid #E5E9F0;box-shadow:0 12px 35px #022c220a;border-radius:20px}body.dark-mode .auth-card{background:#16171b;border-color:#ffffff0d;box-shadow:0 12px 40px #0000004d}}@media (max-width: 576px){.auth-showcase-side{padding:30px 20px}.showcase-title{font-size:1.6rem!important}.showcase-desc{font-size:.82rem;margin-bottom:15px}.auth-showcase-side .showcase-stats-grid,.auth-showcase-side .showcase-map-preview{display:none!important}.auth-showcase-side img{width:56px!important;height:56px!important;margin-bottom:12px!important;border-radius:12px!important}.auth-form-side{padding:30px 12px}.auth-card{padding:30px 20px;box-shadow:none;border:none;background:transparent}body.dark-mode .auth-card{background:transparent;box-shadow:none;border:none}.form-row{flex-direction:column;gap:0!important}}.btn-text{background:none;border:none;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9rem}.btn-primary:hover{background:var(--primary-hover)}.btn-success{background:var(--green);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9rem}.btn-success:hover{background:var(--primary-hover)}.btn-danger{background:var(--red);color:#fff;border:none;padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:.9rem}.btn-danger:hover{background:#c5221f}.btn-secondary{background:#fff;color:var(--text-main);border:1px solid #DADCE0;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500;transition:var(--transition);font-size:.9rem}.btn-secondary:hover{background:#f8f9fa;border-color:#bcc1c6}.admin-container{display:flex;min-height:100vh;background-color:var(--dark)}.sidebar{width:260px;padding:24px 16px;display:flex;flex-direction:column;position:fixed;height:100vh;background:var(--dark-lighter);border-right:1px solid var(--glass-border)}.sidebar .logo{display:flex;align-items:center;gap:10px;padding:0 12px;margin-bottom:24px}.sidebar .logo img{width:34px;height:34px;border-radius:8px;box-shadow:0 2px 6px #10b9811a}.sidebar .logo span{font-weight:700;font-size:1.15rem;letter-spacing:-.2px;color:#1f1f1f}nav{display:flex;flex-direction:column;gap:4px}nav a{color:var(--text-dim);text-decoration:none;padding:10px 16px;border-radius:20px;display:flex;align-items:center;gap:12px;transition:var(--transition);font-size:.92rem;font-weight:500;position:relative;border:1px solid transparent}nav a i{font-size:1rem;width:20px;text-align:center;color:var(--text-dim);transition:transform .2s ease}nav a:hover{background:#f1f3f4;color:var(--text-main)}nav a:hover i{color:var(--text-main)}nav a.active{background:#e6f4ea!important;color:#137333!important;font-weight:600}nav a.active i{color:#137333!important}.sidebar-footer{margin-top:auto;padding:16px 8px 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--glass-border)}.admin-profile{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;background:#e6f4ea;color:#137333;display:flex;align-items:center;justify-content:center;font-weight:700;border:1.5px solid #CEEAD6;font-size:.95rem}.admin-details span{display:block;font-size:.88rem;font-weight:600;color:var(--text-main)}.admin-details small{color:var(--text-dim);font-size:.75rem;font-weight:400}#logoutBtn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:1.1rem;transition:var(--transition)}#logoutBtn:hover{color:var(--red)}.content{flex:1;margin-left:260px;padding:30px 36px;background-color:var(--dark)}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-left{display:flex;align-items:center;gap:20px}.header-left h1{font-size:1.45rem;font-weight:500;color:#1f1f1f;letter-spacing:-.2px}.header-search{background:#f1f3f4;border:1px solid transparent;border-radius:24px;padding:10px 18px;display:flex;align-items:center;gap:12px;width:340px;box-shadow:none;transition:var(--transition)}.header-search:focus-within{background:#fff;border-color:#dadce0;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.header-search input{background:none;border:none;color:var(--text-main);outline:none;width:100%;font-family:inherit;font-size:.9rem}.header-actions{display:flex;align-items:center;gap:16px}.company-code-badge{background:#e6f4ea;border:1px solid #CEEAD6;color:#137333;padding:6px 14px;border-radius:16px;font-weight:600;font-size:.8rem;display:flex;align-items:center;gap:6px;box-shadow:none}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.stat-card{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;background:#fff;border-radius:12px;border:1px solid #DADCE0;box-shadow:none;transition:var(--transition)}.stat-card:hover{box-shadow:0 1px 3px #3c40434d,0 2px 6px 2px #3c404326}.stat-info p{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-weight:600}.stat-info h3{font-size:1.85rem;font-weight:600;color:#1f1f1f;letter-spacing:-.2px}.stat-card.active-veh{border-left:4px solid var(--primary);background:#fff}.stat-card.active-veh h3{color:#137333}.stat-card.idle-veh{border-left:4px solid var(--gold);background:#fff}.stat-card.idle-veh h3{color:#b45309}.stat-card.revenue-card{border-left:4px solid #10B981;background:#fff}.stat-card.revenue-card h3{color:#059669}.dashboard-middle{display:grid;grid-template-columns:1.1fr 1.9fr;gap:20px;margin-bottom:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #F1F3F4}.panel-header h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.8px;color:#5f6368;font-weight:700}.driver-status-list{display:flex;flex-direction:column;gap:10px}.driver-status-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border:1px solid #DADCE0;border-radius:8px;transition:var(--transition)}.driver-status-item:hover{background:#f8f9fa;border-color:#bcc1c6}.driver-info-sm{display:flex;align-items:center;gap:10px}.driver-info-sm img{width:36px;height:36px;border-radius:50%;object-fit:cover;border:1.5px solid #FFFFFF;box-shadow:0 1px 3px #0000001a}.d-name{display:block;font-weight:600;font-size:.88rem;color:#1f1f1f}.d-car{color:var(--text-dim);font-size:.75rem;font-weight:400}.status-badge{padding:4px 10px;border-radius:12px;font-size:.72rem;font-weight:600;text-transform:uppercase;display:inline-block}.status-badge.available{color:#137333;background:#e6f4ea;border:1px solid #CEEAD6}.status-badge.ontrip{color:#1a73e8;background:#e8f0fe;border:1px solid #D2E3FC}.status-badge.maintenance{color:#b45309;background:#fef3c7;border:1px solid rgba(245,158,11,.15)}.map-placeholder{width:100%;height:380px;border-radius:12px;position:relative;overflow:hidden;border:1px solid #DADCE0;margin-top:10px;background-color:#e8eaed}.dashboard-bottom{display:grid;grid-template-columns:1fr;gap:20px}.table-container{background:#fff;border:1px solid #DADCE0;border-radius:12px;padding:24px;box-shadow:none}.custom-table-wrapper{width:100%;overflow-x:auto;border-radius:8px;border:1px solid #DADCE0}table{width:100%;border-collapse:collapse;background-color:#fff}th{text-align:left;padding:12px 16px;color:#5f6368;font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;background-color:#f8f9fa;border-bottom:1px solid #DADCE0}td{padding:14px 16px;border-bottom:1px solid #F1F3F4;font-size:.88rem;color:#1f1f1f}tr:last-child td{border-bottom:none}tr:hover td{background:#f8f9fa}.status-tag{padding:4px 10px;border-radius:8px;font-size:.72rem;font-weight:600;display:inline-block;text-transform:uppercase;text-align:center}.status-COMPLETED,.status-tag.completed,.status-tag.approved{background:#e6f4ea;color:#137333;border:1px solid #CEEAD6}.status-PENDING,.status-tag.pending{background:#fef3c7;color:#b45309;border:1px solid #FFE082}.status-FAILED,.status-CANCELLED,.status-tag.failed,.status-tag.cancelled,.status-tag.rejected{background:#fee2e2;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.status-tag.active{background:#e6f4ea;color:#137333;border:1px solid #CEEAD6}.status-tag.inactive{background:#f1f3f4;color:#5f6368;border:1px solid #DADCE0}.wallet-card{background:#fff!important;border:1px solid #DADCE0!important;border-radius:12px!important;box-shadow:none!important;padding:24px!important}.wallet-actions button#depositBtn{background:var(--primary);color:#fff}.wallet-actions button#depositBtn:hover{background:var(--primary-hover)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#0f172a99!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:2000;overflow-y:auto}.receipt-modal-wrapper{max-width:420px;width:100%;display:flex;flex-direction:column;align-items:center;margin:auto}.receipt-actions{display:flex;gap:12px;margin-top:20px;width:100%;position:relative;z-index:10}.receipt-actions button{flex:1}.input-file-group{background:#f8f9fa;border:2px dashed #DADCE0;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:var(--transition)}.input-file-group:hover{border-color:var(--primary);background:#e6f4ea}.input-file-group label{font-size:.88rem;font-weight:600;color:#1f1f1f;margin-bottom:2px}.input-file-group input[type=file]{font-size:.8rem;color:var(--text-dim);padding:6px 10px;border-radius:6px;background:#fff;border:1px solid #DADCE0;cursor:pointer;width:100%}.input-file-group input[type=file]::-webkit-file-upload-button{background:var(--primary);border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:600;font-size:.75rem;margin-right:10px;transition:var(--transition);box-shadow:none}.input-file-group input[type=file]::-webkit-file-upload-button:hover{background:var(--primary-hover)}.file-link{font-size:.8rem;color:#137333!important;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:4px;margin-top:4px;transition:var(--transition)}.file-link:hover{color:#0b5122!important;text-decoration:underline}.receipt-card{background:#fff!important;border:1px solid #DADCE0!important;border-radius:16px!important;padding:30px 24px!important;text-align:center;box-shadow:0 4px 16px #0000000f;width:100%}.receipt-header{margin-bottom:20px}.receipt-header img{width:70px!important;height:70px!important;border-radius:18px!important;margin-bottom:12px!important;border:3px solid #FFFFFF!important;box-shadow:0 4px 15px #10b9811f!important}.receipt-header h3{font-size:1.45rem;font-weight:800;margin-bottom:4px;color:#0f172a}.receipt-body{background:#f8fafc!important;border-radius:18px!important;padding:24px!important;margin-bottom:25px!important;border:1px solid #F1F5F9!important}.receipt-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;font-size:.95rem}.receipt-label{color:var(--text-dim);font-weight:600}.receipt-val{color:#0f172a;font-weight:700}.receipt-divider{height:1px;background:#e2e8f0;margin:15px 0}.total-row{padding-top:15px}.total-row .receipt-label{font-size:1.05rem;font-weight:800;color:#0f172a}.total-row .total-val{font-size:1.4rem;font-weight:800;color:#047857!important}.receipt-footer{font-size:.82rem;color:var(--text-dim);line-height:1.5;font-weight:500}.admin-section{display:none;opacity:0}.admin-section.active-section{display:block!important;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.driver-marker{background-color:var(--primary)!important;border:2.5px solid #FFFFFF!important;border-radius:50%!important;box-shadow:0 0 0 4px #10b98140!important;cursor:pointer;position:relative;width:14px!important;height:14px!important;transition:all .3s ease}.driver-marker:after{content:"";position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;border:2px solid var(--primary);border-radius:50%;animation:markerPulse 1.8s infinite ease-out;opacity:0;pointer-events:none}@keyframes markerPulse{0%{transform:scale(.8);opacity:.8}50%{opacity:.5}to{transform:scale(2);opacity:0}}.alert-banner{border-radius:8px!important;padding:14px 20px!important;margin-bottom:20px!important;display:flex;align-items:center!important;gap:14px;border:1px solid transparent!important;box-shadow:none!important}.alert-banner:before{display:none!important}.alert-banner-danger{background:#fce8e6!important;border-color:#fad2cf!important}.alert-banner-danger h4{color:#c5221f!important}.alert-banner-warning{background:#fef7e0!important;border-color:#ffe082!important}.alert-banner-warning h4{color:#b45309!important}.alert-banner-info{background:#e8f0fe!important;border-color:#d2e3fc!important}.alert-banner-info h4{color:#1a73e8!important}.confirm-drawer{position:fixed;top:-160px;left:50%;transform:translate(-50%);width:90%;max-width:500px;padding:20px 24px;border-radius:20px;z-index:3000;background:#fff!important;box-shadow:0 20px 40px #064e3b26,0 0 0 1px #10b9811a!important;transition:all .5s cubic-bezier(.16,1,.3,1);opacity:0}.confirm-drawer.show{top:25px;opacity:1}.confirm-drawer-content{display:flex;align-items:center;gap:16px}.confirm-icon{width:44px;height:44px;border-radius:12px;background:#fee2e2;color:var(--red);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.confirm-icon.success-icon{background:#d1fae5;color:var(--primary)}.confirm-text{flex:1}.confirm-text h4{font-size:1.05rem;font-weight:800;color:#0f172a;margin-bottom:2px}.confirm-text p{font-size:.85rem;color:var(--text-dim);font-weight:500}.confirm-actions{display:flex;gap:10px}.confirm-btn-cancel{padding:8px 16px;background:#f1f5f9;border:1px solid #E2E8F0;border-radius:10px;color:#475569;font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--transition)}.confirm-btn-cancel:hover{background:#e2e8f0}.confirm-btn-yes{padding:8px 16px;background:var(--red);border:none;border-radius:10px;color:#fff;font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--transition);box-shadow:0 3px 8px #ef444433}.confirm-btn-yes.primary-btn{background:var(--primary);box-shadow:0 3px 8px #10b98133}.confirm-btn-yes:hover{transform:translateY(-1px)}.grid-2-col{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3-col{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-2-col .input-group,.grid-3-col .input-group{display:flex;flex-direction:column;height:100%}.grid-2-col .input-group>div,.grid-3-col .input-group>div{margin-top:auto}.mobile-toggle-btn{display:none;background:#ecfdf5;border:1px solid #A7F3D0;color:#047857;font-size:1.15rem;cursor:pointer;padding:10px 12px;border-radius:12px;transition:var(--transition);flex-shrink:0}.mobile-toggle-btn:hover{background:#d1fae5}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;opacity:0;pointer-events:none;transition:opacity .3s ease}.sidebar-overlay.active{opacity:1;pointer-events:auto}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #E2E8F0;z-index:900;padding:0 8px;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -4px 20px #00000008}.bottom-nav-inner{display:flex;justify-content:space-around;align-items:center;height:100%}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 12px;border-radius:12px;cursor:pointer;transition:var(--transition);border:none;background:none;color:#64748b;font-family:inherit;min-width:56px;position:relative}.bottom-nav-item i{font-size:1.15rem;transition:var(--transition)}.bottom-nav-item span{font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.bottom-nav-item.active{color:#047857}.bottom-nav-item.active i{transform:translateY(-2px);filter:drop-shadow(0 0 4px var(--primary-glow))}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:32px;height:3px;background:#047857;border-radius:0 0 4px 4px}.bottom-nav-item:active{transform:scale(.92)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:20px}.dashboard-middle{grid-template-columns:1fr;gap:20px}.dashboard-bottom{grid-template-columns:1fr}.content{padding:25px}}@media (max-width: 992px){.sidebar{position:fixed;left:-280px;z-index:1000;transition:left .35s cubic-bezier(.16,1,.3,1);width:260px}.sidebar.active{left:0;box-shadow:15px 0 35px #064e3b26}.content{margin-left:0;padding:20px}.mobile-toggle-btn{display:flex;align-items:center;justify-content:center}header{gap:12px;margin-bottom:24px}.header-left{display:flex;align-items:center;flex:1;min-width:0}.header-search{flex:1;min-width:0;max-width:none;width:auto}.header-actions{gap:12px}.company-code-badge{font-size:.78rem;padding:6px 12px}}@media (max-width: 768px){body{padding-bottom:74px}.bottom-nav{display:block}.content{padding:15px 12px}header{padding:6px 0;margin-bottom:20px}.header-search,.company-code-badge{display:none}.header-actions{gap:10px}.stats-grid{grid-template-columns:1fr;gap:12px}.stats-grid.mini{grid-template-columns:repeat(2,1fr)}.stat-card{padding:20px}.stat-info h3{font-size:1.9rem}.stat-info p{font-size:.75rem}.wallet-card{flex-direction:column;align-items:flex-start;padding:24px 20px!important;gap:18px}.wallet-actions{width:100%;flex-direction:row}.wallet-actions button{flex:1}.input-file-group{padding:16px}.dashboard-middle,.dashboard-bottom,.grid-2-col,.grid-3-col{grid-template-columns:1fr;gap:16px}.map-placeholder{height:240px}.custom-table-wrapper{overflow-x:visible;border:none}.custom-table-wrapper table{width:100%;display:block}.custom-table-wrapper thead{display:none}.custom-table-wrapper tbody{display:flex;flex-direction:column;gap:12px}.custom-table-wrapper tr{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;padding:16px 20px;box-shadow:var(--shadow-sm);transition:border-color .2s ease}.custom-table-wrapper tr:hover{border-color:var(--primary)}.custom-table-wrapper td{display:flex;flex-direction:column;gap:4px;padding:0;border:none;font-size:.9rem}.custom-table-wrapper td:before{content:attr(data-label);font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.8px;color:var(--text-dim)}.custom-table-wrapper tr td:last-child{grid-column:1 / -1;margin-top:4px;padding-top:10px;border-top:1px solid #F1F5F9}#passengerModal .custom-table-wrapper{overflow-x:auto}#passengerModal .custom-table-wrapper table{min-width:500px;display:table}#passengerModal .custom-table-wrapper thead{display:table-header-group}#passengerModal .custom-table-wrapper tbody{display:table-row-group}#passengerModal .custom-table-wrapper tr{display:table-row;background:none;border:none;padding:0;box-shadow:none}#passengerModal .custom-table-wrapper td{display:table-cell;padding:12px 10px;flex-direction:unset}#passengerModal .custom-table-wrapper td:before{display:none}.glass-card{padding:18px;border-radius:16px}.login-overlay{padding:0;align-items:flex-end;justify-content:center}.login-card{width:100%;max-width:100%;padding:35px 24px 45px;border-radius:28px 28px 0 0;margin:0;border-left:none;border-right:none;border-bottom:none;box-shadow:0 -15px 30px #064e3b14}.modal-overlay,#receiptModal,#senepayModal,#passengerModal{align-items:flex-end!important;justify-content:center!important;padding:0!important}.receipt-modal-wrapper{max-width:100%!important;width:100%!important;margin:0!important;background:#fff;border-radius:28px 28px 0 0;box-shadow:0 -10px 40px #0000001a;padding-bottom:40px}#receiptContent{border-radius:28px 28px 0 0!important;border:none!important;box-shadow:none!important}.receipt-actions{padding:0 24px;margin-top:10px}#senepayModal .login-card,#passengerModal .login-card{max-width:100%!important;width:100%!important;border-radius:28px 28px 0 0!important;margin:0!important;padding:30px 24px 40px}}@media (max-width: 480px){body{padding-bottom:74px}.content{padding:12px 10px 10px}.stats-grid{gap:10px}.stat-card{padding:18px 16px}.stat-info h3{font-size:1.7rem}.stat-info p{font-size:.72rem}.wallet-card{padding:20px 16px!important}#walletBalance{font-size:2rem!important}.wallet-actions button{padding:12px 10px!important;font-size:.82rem!important}.glass-card{padding:16px;border-radius:12px}.confirm-drawer{width:94%}.bottom-nav{height:66px}.bottom-nav-item{padding:6px 8px;min-width:44px}.bottom-nav-item span{font-size:.58rem}.receipt-card{padding:25px 20px!important}.receipt-row{font-size:.88rem}.map-placeholder{height:210px}.confirm-drawer-content{flex-direction:column;align-items:flex-start;gap:12px}.confirm-actions{width:100%;justify-content:flex-end}}body.dark-mode{--primary: #059669;--primary-hover: #10B981;--primary-glow: rgba(5, 150, 105, .15);--green: #10B981;--green-glow: rgba(16, 185, 129, .08);--gold: #F59E0B;--gold-bg: rgba(245, 158, 11, .1);--red: #EF4444;--red-bg: rgba(239, 68, 68, .1);--dark: #0F1012;--dark-lighter: #16171B;--card-bg: #16171B;--glass: rgba(22, 23, 27, .98);--glass-border: #22252A;--text-main: #E2E8F0;--text-dim: #94A3B8}body.dark-mode .sidebar,body.dark-mode header,body.dark-mode .glass-card,body.dark-mode .stat-card,body.dark-mode .table-container,body.dark-mode .modal-card,body.dark-mode .login-card,body.dark-mode .dashboard-control-bar,body.dark-mode .active-veh,body.dark-mode .idle-veh,body.dark-mode .revenue-card{background-color:var(--dark-lighter)!important;background:var(--dark-lighter)!important;border-color:var(--glass-border)!important;box-shadow:0 4px 20px #00000059!important}body.dark-mode .sidebar .logo span,body.dark-mode header h1,body.dark-mode h1,body.dark-mode h2,body.dark-mode h3,body.dark-mode h4,body.dark-mode h5,body.dark-mode h6,body.dark-mode th,body.dark-mode td,body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode b,body.dark-mode strong,body.dark-mode p,body.dark-mode label{color:var(--text-main)!important}body.dark-mode .sidebar-footer small,body.dark-mode .header-search i,body.dark-mode .panel-header p,body.dark-mode .stat-info p,body.dark-mode .dashboard-middle .glass-card a,body.dark-mode .alert-banner-danger p,body.dark-mode .alert-banner-warning p{color:var(--text-dim)!important}body.dark-mode table{background-color:transparent!important;background:transparent!important}body.dark-mode .custom-table-wrapper{background-color:var(--dark-lighter)!important;background:var(--dark-lighter)!important;border-color:var(--glass-border)!important}body.dark-mode th{background:#1c1e24!important;color:var(--text-main)!important;border-bottom:1px solid var(--glass-border)!important}body.dark-mode td{background-color:transparent!important;color:var(--text-main)!important;border-bottom:1px solid var(--glass-border)!important}body.dark-mode tr{background-color:transparent!important;background:transparent!important;border-color:var(--glass-border)!important}body.dark-mode tr:hover,body.dark-mode tr:hover td{background-color:#ffffff08!important}body.dark-mode .panel-header{border-bottom-color:var(--glass-border)!important}body.dark-mode input,body.dark-mode select,body.dark-mode textarea,body.dark-mode .input-group{background-color:#121316!important;background:#121316!important;border-color:var(--glass-border)!important;color:var(--text-main)!important}body.dark-mode .btn-secondary{background-color:#1f2229!important;border-color:#2d323e!important;color:var(--text-main)!important}body.dark-mode .btn-secondary:hover{background-color:#262b34!important;border-color:#373f4d!important}body.dark-mode .driver-status-item{border-bottom:1px solid var(--glass-border)!important;background-color:var(--dark-lighter)!important;background:var(--dark-lighter)!important}body.dark-mode .input-file-group,body.dark-mode #expenseDropzone,body.dark-mode .expense-dropzone{background:#121316!important;background-color:#121316!important;border-color:var(--glass-border)!important}body.dark-mode .status-COMPLETED,body.dark-mode .status-tag.completed,body.dark-mode .status-tag.approved,body.dark-mode .status-badge.available{background:#10b98126!important;color:#34d399!important;border:1px solid rgba(16,185,129,.3)!important}body.dark-mode .status-PENDING,body.dark-mode .status-tag.pending,body.dark-mode .status-badge.maintenance{background:#f59e0b26!important;color:#fbbf24!important;border:1px solid rgba(245,158,11,.3)!important}body.dark-mode .status-FAILED,body.dark-mode .status-CANCELLED,body.dark-mode .status-tag.failed,body.dark-mode .status-tag.cancelled,body.dark-mode .status-tag.rejected{background:#ef444426!important;color:#f87171!important;border:1px solid rgba(239,68,68,.3)!important}body.dark-mode .status-badge.ontrip{color:#60a5fa!important;background:#3b82f626!important;border:1px solid rgba(59,130,246,.3)!important}body.dark-mode .apexcharts-canvas{background:transparent!important}body.dark-mode .apexcharts-tooltip{background:#16171b!important;border:1px solid #22252A!important;color:#e2e8f0!important}body.dark-mode .apexcharts-tooltip-title{background:#1c1e24!important;border-bottom:1px solid #22252A!important;color:#e2e8f0!important}.pulse-dot{box-shadow:0 0 #10b98166;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.chart-filters button{cursor:pointer;transition:var(--transition)}.chart-filters button.active{background-color:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important}.spin-icon{animation:spin .8s ease}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body,.sidebar,header,.glass-card,.stat-card,.table-container,td,th{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.dashboard-charts-grid{display:grid;grid-template-columns:1.95fr 1.05fr;gap:20px}@media (max-width: 1024px){.dashboard-charts-grid{grid-template-columns:1fr;gap:20px}}.timeline-grid-layout{display:grid;grid-template-columns:1fr 2.5fr;gap:24px}@media (max-width: 850px){.timeline-grid-layout{grid-template-columns:1fr;gap:16px}}.draggable-driver-item{padding:10px 12px;background:#fff;border:1px solid #DADCE0;border-radius:8px;cursor:grab;display:flex;align-items:center;gap:8px;-webkit-user-select:none;user-select:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.draggable-driver-item:hover{border-color:var(--primary);box-shadow:0 4px 10px #0000000d;transform:translateY(-1px)}.draggable-driver-item:active{cursor:grabbing;background:#10b9810d}.timeline-trip-slot{padding:14px;background:#00000003;border:1.5px dashed #DADCE0;border-radius:10px;transition:background .25s ease,border-color .25s ease,transform .2s ease;display:flex;flex-direction:column;gap:6px}.timeline-trip-slot.dragover{background:#1a73e80f;border-color:#1a73e8;transform:scale(1.02)}body.dark-mode .draggable-driver-item{background:#24282d;border-color:#383f45}body.dark-mode .timeline-trip-slot{background:#ffffff03;border-color:#383f45}body.dark-mode .timeline-trip-slot.dragover{background:#3b82f626;border-color:#3b82f6}.fc{--fc-border-color: var(--glass-border);--fc-daygrid-event-dot-width: 8px;--fc-today-bg-color: rgba(16, 185, 129, .08);font-size:.85rem;color:var(--text-main)}.fc .fc-toolbar-title{font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:700;color:var(--text-main)}.fc .fc-button{font-family:Outfit,sans-serif;font-size:.78rem;font-weight:600;padding:6px 14px;border-radius:8px;transition:var(--transition)}.fc .fc-button-primary{background-color:var(--dark-lighter);border:1px solid var(--glass-border);color:var(--text-main)}.fc .fc-button-primary:hover{background-color:var(--dark);border-color:var(--glass-border);color:var(--text-main)}.fc .fc-button-primary:not(:disabled).fc-button-active,.fc .fc-button-primary:not(:disabled):active{background-color:var(--primary);border-color:var(--primary);color:#fff}.fc .fc-button-group{gap:2px}.fc .fc-col-header-cell-cushion{font-family:Outfit,sans-serif;font-weight:600;font-size:.8rem;color:var(--text-main);padding:8px 4px;text-decoration:none}.fc .fc-daygrid-day-number{font-family:Outfit,sans-serif;font-weight:500;color:var(--text-dim);font-size:.82rem;padding:6px 8px;text-decoration:none}.fc-day-today .fc-daygrid-day-number{color:var(--primary)!important;font-weight:700!important}.fc-event{cursor:pointer;border-radius:5px;padding:2px 4px;box-shadow:0 1px 3px #0000000f;transition:var(--transition)}.fc-event:hover{filter:brightness(1.1);transform:translateY(-.5px)}.fc-event-title{font-weight:600;font-size:.72rem}body.dark-mode .fc{--fc-border-color: #383F45}body.dark-mode .fc .fc-button-primary{background-color:#24282d;border-color:#383f45;color:#e2e8f0}body.dark-mode .fc .fc-button-primary:hover{background-color:#2f353c;border-color:#4b5563}body.dark-mode .fc .fc-button-primary:not(:disabled).fc-button-active,body.dark-mode .fc .fc-button-primary:not(:disabled):active{background-color:#3b82f6;border-color:#3b82f6;color:#fff}body.dark-mode .fc-theme-standard td,body.dark-mode .fc-theme-standard th,body.dark-mode .fc-theme-standard .fc-scrollgrid{border-color:#383f45!important}body.dark-mode .fc-list-day-cushion{background-color:#1f2327!important}body.dark-mode .fc-list-event:hover td{background-color:#24282d!important}.passenger-manager-split{display:grid;grid-template-columns:1.6fr 1.1fr;gap:24px;align-items:start}@media (max-width: 850px){.passenger-manager-split{grid-template-columns:1fr;gap:20px}}.content,.admin-section{width:100%!important;max-width:100%!important;box-sizing:border-box!important}html,body{max-width:100%!important;overflow-x:hidden!important}#fullCalendarRoot{width:100%!important;max-width:100%!important;overflow-x:auto!important}#fleetMap,.mapboxgl-map,.map-placeholder{width:100%!important;max-width:100%!important;min-height:400px;height:100%!important}.apexcharts-canvas,.apexcharts-inner,.apexcharts-theme-light,.apexcharts-theme-dark,#revenue-chart,#vehicle-donut-chart,#driver-status-pie-chart,#gauge-punctuality,#gauge-rating,#gauge-mileage{width:100%!important;max-width:100%!important}.wallet-card{width:100%!important;max-width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:row!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:20px!important}.table-container{width:100%!important;max-width:100%!important;box-sizing:border-box!important}.modal-overlay .login-card,.modal-overlay .passenger-modal-content,.modal-overlay .receipt-modal-wrapper{box-shadow:0 20px 50px #0000004d!important}#passengerModal .login-card{max-width:1100px!important;width:94%!important;margin:20px auto!important}#thresholdModal .login-card,#senepayModal .login-card{max-width:420px!important;width:94%!important;margin:auto!important}@keyframes modalFadeIn{0%{opacity:0;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}}@keyframes modalContentBounceIn{0%{transform:scale(.92) translateY(30px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-overlay{animation:modalFadeIn .3s cubic-bezier(.16,1,.3,1) forwards!important}.modal-overlay .login-card,.modal-overlay .receipt-modal-wrapper{animation:modalContentBounceIn .4s cubic-bezier(.16,1,.3,1) forwards!important}@media (max-width: 768px){#passengerModal .login-card{width:100%!important;max-width:100%!important;border-radius:24px 24px 0 0!important;margin:0!important;padding:24px 16px 40px!important;max-height:90vh!important;overflow-y:auto!important}.passenger-manager-split{grid-template-columns:1fr!important;gap:16px!important}.wallet-card{flex-direction:column!important;align-items:flex-start!important}.wallet-actions{width:100%!important;justify-content:stretch!important}.wallet-actions button{flex:1!important}}.fade-transition{opacity:0;transform:translateY(12px);transition:opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.fade-transition.active-subview{opacity:1;transform:translateY(0)}.grid-2-col{display:grid;grid-template-columns:1fr 1.2fr;gap:24px}@media (max-width: 992px){.grid-2-col{grid-template-columns:1fr}}body.dark-mode .header-search{background:#1e2024!important;background-color:#1e2024!important;border-color:var(--glass-border)!important}body.dark-mode .header-search input{color:var(--text-main)!important}body.dark-mode .header-search i{color:var(--text-dim)!important}body.dark-mode #timeline-planning-card{background:var(--dark-lighter)!important;background-color:var(--dark-lighter)!important;border-color:var(--glass-border)!important}body.dark-mode .timeline-grid-layout>div{background:#121316!important;background-color:#121316!important;border-color:var(--glass-border)!important}body.dark-mode .timeline-grid-layout h3{color:var(--text-main)!important}body.dark-mode .timeline-trip-slot{background:#16171b!important;background-color:#16171b!important;border-color:var(--glass-border)!important}body.dark-mode .timeline-trip-slot span[style*="background: #E8F0FE"]{background:#1a73e826!important;color:#60a5fa!important}body.dark-mode .timeline-trip-slot div[style*=border-top]{border-top-color:var(--glass-border)!important}body.dark-mode .receipt-card{background:var(--dark-lighter)!important;background-color:var(--dark-lighter)!important;border-color:var(--glass-border)!important;color:var(--text-main)!important}body.dark-mode .receipt-header h3{color:var(--text-main)!important}body.dark-mode .receipt-body{background:#121316!important;background-color:#121316!important;border-color:var(--glass-border)!important}body.dark-mode .receipt-val{color:var(--text-main)!important}body.dark-mode .receipt-divider{background:var(--glass-border)!important}body.dark-mode .total-row .receipt-label{color:var(--text-main)!important}body.dark-mode .total-row .total-val{color:#10b981!important}body.dark-mode .table-filters-container{background:#ffffff05!important;border-color:var(--glass-border)!important}body.dark-mode .table-filters-container .input-group,body.dark-mode .table-filters-container select,body.dark-mode .table-filters-container input{background-color:#121316!important;background:#121316!important;border-color:var(--glass-border)!important;color:var(--text-main)!important}body.dark-mode #driver-comparison-card{background:var(--dark-lighter)!important;background-color:var(--dark-lighter)!important;border-color:var(--glass-border)!important}body.dark-mode #driver-comparison-card h2,body.dark-mode #driver-comparison-card h3{color:var(--text-main)!important}body.dark-mode #driver-comparison-card select{background-color:#121316!important;background:#121316!important;border-color:var(--glass-border)!important;color:var(--text-main)!important}body.dark-mode #driver-comparison-card .avatar{background:#05966926!important;color:#34d399!important;border-color:#0596694d!important}body.dark-mode #fleetMap,body.dark-mode .mapboxgl-map,body.dark-mode .mapboxgl-canvas{filter:none!important;background-color:#e8eaed!important;background:#e8eaed!important}body.dark-mode .mapboxgl-popup-content{background:#fff!important;color:#333!important;box-shadow:0 4px 15px #00000026!important}body.dark-mode .mapboxgl-popup-anchor-top .mapboxgl-popup-tip{border-bottom-color:#fff!important}body.dark-mode .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{border-top-color:#fff!important}body.dark-mode .mapboxgl-popup-anchor-left .mapboxgl-popup-tip{border-right-color:#fff!important}body.dark-mode .mapboxgl-popup-anchor-right .mapboxgl-popup-tip{border-left-color:#fff!important}:root[data-theme=dark]{--primary: #059669;--primary-hover: #10B981;--primary-glow: rgba(5, 150, 105, .15);--green: #10B981;--green-glow: rgba(16, 185, 129, .08);--gold: #F59E0B;--gold-bg: rgba(245, 158, 11, .1);--red: #EF4444;--red-bg: rgba(239, 68, 68, .1);--dark: #0F1012;--dark-lighter: #16171B;--card-bg: #16171B;--glass: rgba(22, 23, 27, .98);--glass-border: #22252A;--text-main: #E2E8F0;--text-dim: #94A3B8}:root[data-theme=dark] body,:root[data-theme=dark] .sidebar,:root[data-theme=dark] header,:root[data-theme=dark] .glass-card,:root[data-theme=dark] .stat-card,:root[data-theme=dark] .table-container,:root[data-theme=dark] .modal-card,:root[data-theme=dark] .login-card,:root[data-theme=dark] .dashboard-control-bar,:root[data-theme=dark] .revenue-card,:root[data-theme=dark] table,:root[data-theme=dark] .custom-table-wrapper{background-color:var(--dark-lighter)!important;border-color:var(--glass-border)!important;color:var(--text-main)!important}:root[data-theme=dark] h1,:root[data-theme=dark] h2,:root[data-theme=dark] h3,:root[data-theme=dark] h4,:root[data-theme=dark] h5,:root[data-theme=dark] h6,:root[data-theme=dark] th,:root[data-theme=dark] td,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea,:root[data-theme=dark] b,:root[data-theme=dark] strong,:root[data-theme=dark] p,:root[data-theme=dark] label{color:var(--text-main)!important}:root[data-theme=dark] .sidebar-footer small,:root[data-theme=dark] .header-search i,:root[data-theme=dark] .panel-header p,:root[data-theme=dark] .stat-info p{color:var(--text-dim)!important}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172abf!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;z-index:9999!important;display:flex;align-items:center!important;justify-content:center!important;padding:20px!important;overflow-y:auto!important}.modal-overlay .login-card,.modal-overlay .receipt-modal-wrapper,.modal-overlay #passengerModal .login-card{position:relative!important;width:100%!important;max-width:500px!important;margin:auto!important;background:var(--card-bg)!important;border:1px solid var(--glass-border)!important;border-radius:16px!important;animation:modalContentBounceIn .35s cubic-bezier(.16,1,.3,1) forwards!important;box-shadow:0 15px 40px #0000004d!important}#passengerModal .login-card{max-width:900px!important}@media (max-width: 768px){.modal-overlay{padding:12px!important;align-items:flex-end!important}.modal-overlay .login-card,.modal-overlay .receipt-modal-wrapper,.modal-overlay #passengerModal .login-card{border-radius:20px 20px 0 0!important;max-height:85vh!important;overflow-y:auto!important;width:100%!important;margin:0!important;padding:24px 16px!important}}