:root{--bg-dark-main: #0a0e17;--bg-dark-panel: rgba(20, 30, 50, .8);--accent-cyan: #00f7ff;--accent-danger: #ff3864;--accent-info: #2b9aff;--accent-success: #00ff9d;--accent-warning: #ffc107;--text-primary: #e0f7ff;--text-secondary: #8ca8c2;--border-color: rgba(100, 150, 255, .15);--font-family: "Inter", "Poppins", sans-serif;--glow-cyan: 0 0 10px rgba(0, 247, 255, .7);--glow-success: 0 0 10px rgba(0, 255, 157, .5);--glow-danger: 0 0 10px rgba(255, 56, 100, .5);--gradient-cyan: linear-gradient(135deg, rgba(0,247,255,.2) 0%, rgba(0,247,255,0) 100%)}.light-mode{--bg-dark-main: #f4f7fa;--bg-dark-panel: #ffffff;--accent-cyan: #0d6efd;--accent-danger: #dc3545;--accent-info: #0dcaf0;--accent-success: #198754;--accent-warning: #ffc107;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--glow-cyan: none;--glow-success: none;--glow-danger: none}body,html{margin:0;padding:0;font-family:var(--font-family);background-color:var(--bg-dark-main);color:var(--text-primary);background-image:radial-gradient(circle at 25% 25%,rgba(0,247,255,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(0,255,157,.05) 0%,transparent 50%);background-attachment:fixed;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(100,150,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(100,150,255,.1) 1px,transparent 1px);background-size:40px 40px;background-position:-19px -19px;z-index:-1;animation:gridScroll 100s linear infinite}@keyframes gridScroll{0%{background-position:-19px -19px}to{background-position:-19px 1981px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-dark-main)}::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:5px;box-shadow:var(--glow-cyan)}::-webkit-scrollbar-thumb:hover{background:#00e1ff}.dashboard-layout{display:flex;min-height:100vh;position:relative;overflow:hidden}.dashboard-layout:after{content:"";position:absolute;top:0;left:260px;width:2px;height:100%;background:var(--accent-cyan);box-shadow:var(--glow-cyan);z-index:10;transition:all .3s ease}.dashboard-layout.sidebar-collapsed:after{left:80px}.sidebar{width:260px;background-color:#0a1428e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);min-height:100vh;border-right:1px solid var(--border-color);box-sizing:border-box;transition:width .3s ease;display:flex;flex-direction:column;position:relative;z-index:5}.sidebar:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00f7ff08,#00f7ff00,#00f7ff08);pointer-events:none}.sidebar-header{padding:25px 20px 15px;text-align:center;position:relative}.sidebar-header h3{margin:0;color:var(--accent-cyan);font-weight:700;text-shadow:0 0 15px rgba(0,247,255,.8);transition:all .3s ease;font-family:Inter,sans-serif;letter-spacing:1px;font-size:1.5rem}.sidebar-header:after{content:"";display:block;width:60%;height:2px;background:linear-gradient(90deg,transparent,var(--accent-cyan),transparent);margin:15px auto 0;box-shadow:var(--glow-cyan)}.sidebar-nav{padding:20px}.sidebar-nav a{display:flex;align-items:center;color:var(--text-secondary);text-decoration:none;padding:12px 15px;border-radius:6px;margin-bottom:8px;transition:all .3s ease;font-weight:500;white-space:nowrap;position:relative;overflow:hidden}.sidebar-nav a:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,247,255,.1),transparent);transition:all .5s ease}.sidebar-nav a:hover:before{left:100%}.sidebar-nav a:hover,.sidebar-nav a.active{background-color:#00f7ff26;color:var(--accent-cyan);box-shadow:inset 0 0 10px #00f7ff33}.sidebar-nav a.active{border-left:3px solid var(--accent-cyan)}.sidebar-nav a .fa-fw{width:20px;margin-right:10px;text-align:center;font-size:1.1rem}.sidebar-footer{margin-top:auto;padding:20px;position:relative}.sidebar-footer:before{content:"";display:block;width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--border-color),transparent);margin:0 auto 20px}.sidebar-toggle{background-color:#00f7ff1a;border:1px solid var(--border-color);color:var(--text-secondary);width:100%;height:40px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;font-size:.8rem;position:relative;overflow:hidden}.sidebar-toggle:after{content:"";position:absolute;inset:-10px;background:linear-gradient(45deg,transparent,transparent,rgba(0,247,255,.1),transparent,transparent);transform:translate(-100%);transition:transform .6s ease}.sidebar-toggle:hover:after{transform:translate(100%)}.sidebar-toggle:hover{background-color:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan)}.sidebar-toggle i{margin-left:8px;transition:all .3s ease}.dashboard-layout.sidebar-collapsed .sidebar{width:80px}.dashboard-layout.sidebar-collapsed .sidebar-header .sidebar-title span,.dashboard-layout.sidebar-collapsed .sidebar-nav .nav-link span,.dashboard-layout.sidebar-collapsed .submenu-arrow{display:none}.dashboard-layout.sidebar-collapsed .sidebar-toggle i{transform:rotate(180deg)}.nav-item.has-submenu .nav-link{display:flex;justify-content:space-between;align-items:center}.submenu-arrow{transition:transform .3s ease;color:var(--text-secondary);font-size:.8rem}.submenu{list-style-type:none;padding-left:10px;max-height:0;overflow:hidden;transition:max-height .3s ease;border-left:1px dashed rgba(0,247,255,.3);margin-left:15px}.submenu.open{max-height:500px}.submenu li a{display:block;color:var(--text-secondary);text-decoration:none;padding:10px 10px 10px 30px;border-radius:6px;font-size:.9rem;position:relative}.submenu li a:before{content:"»";position:absolute;left:10px;color:var(--accent-cyan);opacity:0;transition:all .3s ease}.submenu li a:hover:before{opacity:1;left:15px}.submenu li a:hover{background-color:#00f7ff1a;color:var(--accent-cyan);padding-left:35px}.nav-item.open .submenu-arrow{transform:rotate(180deg)}.main-content{flex-grow:1;padding:30px;box-sizing:border-box;overflow-y:auto;min-height:100vh;background-color:#050a144d}.main-header{margin-bottom:30px;display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-color)}.main-header h1{margin:0;font-family:Inter,sans-serif;color:var(--accent-cyan);text-shadow:var(--glow-cyan);letter-spacing:1px;font-size:1.8rem;position:relative}.main-header h1:after{content:"";position:absolute;bottom:-10px;left:0;width:50px;height:2px;background:var(--accent-cyan);box-shadow:var(--glow-cyan)}.card{background-color:var(--bg-dark-panel);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid var(--border-color);border-radius:12px;padding:25px;box-shadow:0 5px 30px #0000004d;transition:all .3s ease;position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05) 0%,transparent 50%,rgba(0,247,255,.05) 100%);pointer-events:none}.card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #00000080,0 0 20px #00f7ff4d;border-color:#00f7ff4d}.card-header{padding-bottom:15px;margin-bottom:20px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.card-header .card-title{margin:0;font-size:1.3rem;font-weight:600;color:var(--accent-cyan);text-shadow:var(--glow-cyan);font-family:Inter,sans-serif;letter-spacing:1px}.card-header .card-actions{display:flex;gap:10px}.table{width:100%;border-collapse:collapse;position:relative}.table th,.table td{padding:15px;text-align:left;border-bottom:1px solid var(--border-color);vertical-align:middle}.table thead th{color:var(--text-secondary);font-weight:600;text-transform:uppercase;font-size:12px;border-bottom-width:1px;background-color:#0003;letter-spacing:1px;position:sticky;top:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.table tbody tr{transition:all .2s ease}.table tbody tr:hover{background-color:#00f7ff0d}.table tbody tr:last-child td{border-bottom:none}.btn{border-radius:6px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;cursor:pointer;font-family:Inter,sans-serif;letter-spacing:1px;text-transform:uppercase;position:relative;overflow:hidden;z-index:1}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:all .6s ease;z-index:-1}.btn:hover:before{left:100%}.btn:hover{transform:translateY(-3px);box-shadow:0 5px 20px #0006}.btn:active{transform:translateY(0)}.btn-primary{background-color:var(--accent-cyan);border-color:var(--accent-cyan);color:#000;box-shadow:0 0 15px #00f7ff80}.btn-primary:hover{background-color:#00e1ff;border-color:#00e1ff;box-shadow:0 0 20px #00f7ffcc}.btn-danger{background-color:var(--accent-danger);border-color:var(--accent-danger);color:#fff;box-shadow:0 0 15px #ff386480}.btn-danger:hover{box-shadow:0 0 20px #ff3864cc}.btn-info{background-color:var(--accent-info);border-color:var(--accent-info);color:#fff;box-shadow:0 0 15px #2b9aff80}.btn-success{background-color:var(--accent-success);border-color:var(--accent-success);color:#000;box-shadow:0 0 15px #00ff9d80}.btn-success:hover{box-shadow:0 0 20px #00ff9dcc}.btn-secondary{background-color:#6496ff33;border-color:#6496ff4d;color:var(--text-primary)}.btn-outline{background-color:transparent;border-color:var(--accent-cyan);color:var(--accent-cyan)}.btn-outline:hover{background-color:var(--accent-cyan);color:#000}.btn-sm{padding:6px 12px;font-size:12px}.badge{padding:5px 12px;border-radius:15px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;gap:5px}.badge.bg-success{background-color:#00ff9d26;color:var(--accent-success);box-shadow:var(--glow-success)}.badge.bg-warning{background-color:#ffc10726;color:var(--accent-warning)}.badge.bg-secondary{background-color:#6496ff26;color:#8ca8ff}.badge.bg-danger{background-color:#ff386426;color:var(--accent-danger);box-shadow:var(--glow-danger)}.badge.bg-info{background-color:#2b9aff26;color:var(--accent-info)}.alert{background-color:#00f7ff1a;border:1px solid var(--accent-cyan);border-radius:8px;padding:15px;display:flex;align-items:center;gap:15px;margin-bottom:20px;position:relative;overflow:hidden}.alert:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-cyan);box-shadow:var(--glow-cyan)}.alert-success{background-color:#00ff9d1a;border-color:var(--accent-success)}.alert-success:before{background:var(--accent-success);box-shadow:var(--glow-success)}.alert-danger{background-color:#ff38641a;border-color:var(--accent-danger)}.alert-danger:before{background:var(--accent-danger);box-shadow:var(--glow-danger)}.alert-warning{background-color:#ffc1071a;border-color:var(--accent-warning)}.alert-warning:before{background:var(--accent-warning)}.alert-info{background-color:#2b9aff1a;border-color:var(--accent-info)}.alert-info:before{background:var(--accent-info)}.alert-icon{font-size:1.5rem;min-width:30px;text-align:center}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-bottom:30px}.kpi-card{background:linear-gradient(145deg,#141e32cc,#0a1428cc);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;padding:25px;display:flex;align-items:center;gap:20px;transition:all .3s ease;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05) 0%,transparent 50%,rgba(0,247,255,.05) 100%);pointer-events:none}.kpi-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0006,0 0 20px #00f7ff33;border-color:#00f7ff4d}.kpi-card .card-icon{font-size:2.5rem;color:var(--accent-cyan);min-width:60px;text-align:center;text-shadow:var(--glow-cyan)}.kpi-card .card-details{display:flex;flex-direction:column;flex-grow:1}.kpi-card .card-value{font-size:2rem;font-weight:700;font-family:Inter,sans-serif;margin-bottom:5px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-success));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.kpi-card .card-label{font-size:14px;color:var(--text-secondary);letter-spacing:1px}.kpi-card .card-change{font-size:12px;margin-top:5px}.kpi-card .card-change.positive{color:var(--accent-success)}.kpi-card .card-change.negative{color:var(--accent-danger)}.dashboard-main-panel{display:grid;grid-template-columns:1fr 350px;gap:30px}.map-container{padding:0!important;overflow:hidden;border-radius:12px;box-shadow:0 0 30px #00000080;position:relative}.map-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05) 0%,transparent 50%,rgba(0,247,255,.05) 100%);pointer-events:none;z-index:1;border-radius:12px}#map{height:60vh;width:100%;border-radius:12px;background-color:var(--border-color);position:relative;z-index:2}.driver-feed-container .card-header{margin-bottom:0}.driver-feed-container .card-body{padding:0}.driver-feed-container-grid{display:flex;flex-direction:column;height:350px}.driver-feed-body{overflow-y:auto}.driver-feed-item{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--border-color);cursor:pointer;transition:all .2s ease;position:relative}.driver-feed-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--accent-cyan);transform:scaleY(0);transform-origin:top;transition:transform .3s ease}.driver-feed-item:hover:before{transform:scaleY(1)}.driver-feed-item:last-child{border-bottom:none}.driver-feed-item:hover{background-color:#00f7ff0d}.driver-feed-item .driver-photo{width:45px;height:45px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:all .3s ease}.driver-feed-item:hover .driver-photo{border-color:var(--accent-cyan);box-shadow:0 0 10px var(--accent-cyan)}.driver-feed-item .feed-item-info{display:flex;flex-direction:column;flex-grow:1}.driver-feed-item .feed-item-info small{color:var(--text-secondary);font-size:12px}.driver-feed-item .feed-status{font-size:12px;padding:3px 10px;border-radius:15px}.driver-feed-item .feed-status.available{background-color:#00ff9d1a;color:var(--accent-success)}.driver-feed-item .feed-status.on-duty{background-color:#ffc1071a;color:var(--accent-warning)}.driver-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:25px}.driver-card{background:linear-gradient(145deg,#141e32cc,#0a1428e6);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;position:relative;transition:all .3s ease;box-shadow:0 5px 20px #0000004d}.driver-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05) 0%,transparent 50%,rgba(0,247,255,.05) 100%);pointer-events:none}.driver-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0006,0 0 30px #00f7ff4d;border-color:var(--accent-cyan)}.card-header-line{height:4px;background:var(--accent-cyan);box-shadow:var(--glow-cyan);position:relative}.card-header-line:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:shine 2s infinite}@keyframes shine{0%{left:-100%}to{left:100%}}.card-content{display:flex;padding:25px;gap:20px}.driver-photo-lg img{width:100px;height:100px;border-radius:8px;object-fit:cover;border:2px solid var(--border-color);transition:all .3s ease}.driver-card:hover .driver-photo-lg img{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan)}.driver-details{flex-grow:1}.detail-item{margin-bottom:10px}.detail-item label{display:block;font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:3px}.detail-item span{font-size:16px;font-weight:500;display:block}.detail-item span.status-available{color:var(--accent-success);text-shadow:var(--glow-success)}.detail-item span.status-on_duty{color:var(--accent-warning)}.card-actions{display:flex;background-color:#0000004d;border-top:1px solid var(--border-color)}.action-btn{flex-grow:1;padding:15px;text-align:center;text-decoration:none;color:var(--text-secondary);background:none;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;position:relative;overflow:hidden}.action-btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,247,255,.1),transparent);transform:translate(-100%);transition:transform .6s ease}.action-btn:hover:before{transform:translate(100%)}.action-btn:hover{background-color:var(--accent-cyan);color:#000}.action-btn.detail-btn,.action-btn.edit-btn{border-right:1px solid var(--border-color)}.action-btn i{margin-right:8px}.driver-profile{display:flex;gap:40px}.profile-photo{position:relative}.profile-photo img{width:220px;height:220px;border-radius:12px;object-fit:cover;border:2px solid var(--border-color);box-shadow:0 5px 20px #0000004d;transition:all .3s ease}.profile-photo:hover img{border-color:var(--accent-cyan);box-shadow:0 0 30px var(--accent-cyan)}.profile-status{position:absolute;top:10px;right:10px;width:15px;height:15px;border-radius:50%;border:2px solid var(--bg-dark-panel)}.profile-status.available{background-color:var(--accent-success);box-shadow:var(--glow-success)}.profile-status.on_duty{background-color:var(--accent-warning)}.profile-info h2{margin-top:0;color:var(--accent-cyan);font-size:2.2rem;font-family:Inter,sans-serif;letter-spacing:1px;text-shadow:var(--glow-cyan);position:relative;display:inline-block}.profile-info h2:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:var(--accent-cyan);box-shadow:var(--glow-cyan)}.info-grid{margin-top:25px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.info-item{padding:15px;background-color:#141e3280;border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.info-item:hover{background-color:#00f7ff0d;border-color:#00f7ff4d;transform:translateY(-3px)}.info-item label{display:block;font-size:12px;color:var(--text-secondary);text-transform:uppercase;margin-bottom:8px;letter-spacing:1px}.info-item span{font-size:16px;font-weight:500}.info-item-full{grid-column:1 / -1}.profile-actions{margin-top:30px;display:flex;gap:15px}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-md-6{position:relative;width:100%;padding-right:15px;padding-left:15px;box-sizing:border-box}@media (min-width: 768px){.col-md-6{flex:0 0 50%;max-width:50%}}.current-photo{width:100px;height:100px;object-fit:cover;border-radius:8px;margin-top:10px;border:2px solid var(--border-color);transition:all .3s ease}.current-photo:hover{border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan)}.mt-4{margin-top:1.5rem}.mb-3{margin-bottom:1rem}.form-group{margin-bottom:1.5rem;position:relative}.form-label{margin-bottom:10px;font-weight:600;display:block;color:var(--text-primary);letter-spacing:.5px}.form-control,.form-select{background-color:#0a1428cc;border:1px solid var(--border-color);color:var(--text-primary);border-radius:6px;padding:12px 15px;width:100%;transition:all .3s ease;box-sizing:border-box;font-family:Inter,sans-serif;position:relative;z-index:1}.form-control:focus,.form-select:focus{background-color:#0f1e3ccc;color:var(--text-primary);border-color:var(--accent-cyan);box-shadow:0 0 0 3px #00f7ff4d,0 0 20px #00f7ff33;outline:none}.form-control::placeholder{color:var(--text-secondary);opacity:.7}.input-group{position:relative;display:flex}.input-group .form-control{flex-grow:1;border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append{display:flex}.input-group-text{background-color:#00f7ff1a;border:1px solid var(--border-color);border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px;padding:0 15px;display:flex;align-items:center;color:var(--accent-cyan);transition:all .3s ease}.input-group-text i{font-size:1rem}.form-control:focus~.input-group-text{border-color:var(--accent-cyan);color:var(--accent-cyan);background-color:#00f7ff33}.form-check{position:relative;padding-left:30px;margin-bottom:15px;cursor:pointer}.form-check-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#0a1428cc;border:1px solid var(--border-color);border-radius:4px;transition:all .3s ease}.form-check:hover .checkmark{border-color:var(--accent-cyan)}.form-check-input:checked~.checkmark{background-color:var(--accent-cyan);border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.checkmark:after{content:"";position:absolute;display:none;left:7px;top:3px;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(45deg)}.form-check-input:checked~.checkmark:after{display:block}.form-radio{position:relative;padding-left:30px;margin-bottom:15px;cursor:pointer}.form-radio-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.radiomark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#0a1428cc;border:1px solid var(--border-color);border-radius:50%;transition:all .3s ease}.form-radio:hover .radiomark{border-color:var(--accent-cyan)}.form-radio-input:checked~.radiomark{border-color:var(--accent-cyan)}.radiomark:after{content:"";position:absolute;display:none;top:4px;left:4px;width:10px;height:10px;border-radius:50%;background:var(--accent-cyan);box-shadow:var(--glow-cyan)}.form-radio-input:checked~.radiomark:after{display:block}.file-input-wrapper{position:relative;overflow:hidden;display:inline-block;width:100%}.file-input-wrapper input[type=file]{position:absolute;font-size:100px;opacity:0;right:0;top:0;cursor:pointer}.file-input-label{display:flex;align-items:center;justify-content:space-between;padding:12px 15px;background-color:#0a1428cc;border:1px dashed var(--border-color);border-radius:6px;color:var(--text-secondary);transition:all .3s ease;cursor:pointer}.file-input-label:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}.file-input-label i{margin-right:10px}.file-input-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#050a14e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;align-items:center;justify-content:center;z-index:1000;opacity:0;transition:opacity .3s ease}.modal-overlay.active{display:flex;opacity:1}.modal-content{background-color:var(--bg-dark-panel);border:1px solid var(--border-color);border-radius:12px;width:100%;max-width:700px;box-shadow:0 15px 50px #000000b3,0 0 30px #00f7ff4d;transform:translateY(20px);transition:transform .3s ease;position:relative;overflow:hidden}.modal-overlay.active .modal-content{transform:translateY(0)}.modal-content:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(0,247,255,.05) 0%,transparent 50%,rgba(0,247,255,.05) 100%);pointer-events:none}.modal-header{padding:20px 25px;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;position:relative}.modal-header:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-cyan),transparent)}.modal-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--accent-cyan);font-family:Inter,sans-serif;letter-spacing:1px}.modal-subtitle{margin:5px 0 0;color:var(--text-secondary);font-size:14px}.close-btn{background:none;border:none;color:var(--text-secondary);font-size:1.8rem;cursor:pointer;padding:0;line-height:1;transition:all .3s ease}.close-btn:hover{color:var(--accent-danger);transform:rotate(90deg)}.modal-body{padding:25px;max-height:70vh;overflow-y:auto}.modal-footer{padding:20px 25px;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:15px;position:relative}.modal-footer:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--accent-cyan),transparent)}@keyframes pulse{0%{box-shadow:0 0 #00f7ffb3}70%{box-shadow:0 0 0 10px #00f7ff00}to{box-shadow:0 0 #00f7ff00}}.pulse{animation:pulse 2s infinite;border-radius:50%}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float{animation:float 3s ease-in-out infinite}.spinner{display:inline-block;width:40px;height:40px;border:3px solid rgba(0,247,255,.3);border-radius:50%;border-top-color:var(--accent-cyan);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 992px){.dashboard-main-panel{grid-template-columns:1fr}.driver-profile{flex-direction:column}.profile-photo{margin-bottom:30px;text-align:center}}@media (max-width: 768px){.sidebar{position:fixed;z-index:100;transform:translate(-100%);transition:transform .3s ease}.sidebar.active{transform:translate(0)}.dashboard-layout:after{display:none}.info-grid{grid-template-columns:1fr}.modal-content{width:95%}}@media (max-width: 576px){.main-content{padding:15px}.kpi-grid,.driver-grid{grid-template-columns:1fr}.card-content{flex-direction:column}.modal-body{padding:15px}.modal-footer{flex-direction:column}.modal-footer .btn{width:100%}}.text-cyan{color:var(--accent-cyan)}.text-success{color:var(--accent-success)}.text-danger{color:var(--accent-danger)}.text-warning{color:var(--accent-warning)}.text-info{color:var(--accent-info)}.bg-cyan{background-color:var(--accent-cyan)}.bg-success{background-color:var(--accent-success)}.bg-danger{background-color:var(--accent-danger)}.bg-warning{background-color:var(--accent-warning)}.bg-info{background-color:var(--accent-info)}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.mr-0{margin-right:0}.pt-0{padding-top:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.pr-0{padding-right:0}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.w-100{width:100%}.h-100{height:100%}.custom-scroll{scrollbar-width:thin;scrollbar-color:var(--accent-cyan) var(--bg-dark-main)}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:var(--bg-dark-main)}.custom-scroll::-webkit-scrollbar-thumb{background:var(--accent-cyan);border-radius:3px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#00e1ff}.driver-feed-item{display:flex;justify-content:space-between;align-items:center}.feed-item-content{display:flex;align-items:center;gap:15px;flex-grow:1}.alarm-form{margin-left:15px}.btn-alarm{background-color:#ff386426;border:1px solid var(--accent-danger);color:var(--accent-danger);width:40px;height:40px;border-radius:50%;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.btn-alarm:hover{background-color:var(--accent-danger);color:#fff;box-shadow:var(--glow-danger);transform:scale(1.1) rotate(15deg)}.btn-alarm i{transition:animation .3s ease}.btn-alarm:hover i{animation:ring .5s ease-in-out}@keyframes ring{0%{transform:rotate(0)}25%{transform:rotate(25deg)}50%{transform:rotate(-25deg)}75%{transform:rotate(25deg)}to{transform:rotate(0)}}.mobile-menu-btn{display:none;background:none;border:none;color:var(--text-primary);font-size:24px;cursor:pointer;z-index:1100}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:998}.sidebar-overlay.is-active{display:block}@media (max-width: 768px){.main-header{justify-content:flex-start}.mobile-menu-btn{display:block;margin-right:15px}.sidebar{position:fixed;left:0;top:0;height:100vh;z-index:999;transform:translate(-100%);transition:transform .3s ease-in-out}.sidebar.is-open{transform:translate(0)}.sidebar-footer{display:none}.main-content{width:100%;margin-left:0}.dashboard-layout.sidebar-collapsed .main-content{margin-left:0}.dashboard-layout:after{display:none}}.map-section{display:flex;flex-direction:column;gap:20px}.map-filter-group{display:flex;gap:10px;background-color:var(--bg-dark-panel);padding:10px;border-radius:8px;border:1px solid var(--border-color);align-self:flex-start}.btn-filter{background-color:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:8px 16px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-weight:600;font-family:Inter,sans-serif}.btn-filter:hover{background-color:#00f7ff1a;color:var(--accent-cyan);border-color:var(--accent-cyan)}.btn-filter.active{background-color:var(--accent-cyan);color:#000;border-color:var(--accent-cyan);box-shadow:var(--glow-cyan)}.feed-item-icon{font-size:1.5rem;color:var(--accent-cyan);width:45px;height:45px;display:flex;align-items:center;justify-content:center;background-color:#00f7ff1a;border-radius:50%;border:1px solid var(--border-color)}#notification-container{position:fixed;top:20px;right:20px;z-index:2000;display:flex;flex-direction:column;gap:10px;width:350px}.notification-toast{background-color:var(--bg-dark-panel);color:var(--text-primary);border-left:4px solid var(--accent-info);border-radius:8px;padding:15px;box-shadow:0 5px 20px #00000080;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;gap:15px;animation:slideInRight .5s ease-out;opacity:.95}.notification-toast .icon{font-size:1.5rem;color:var(--accent-info)}.notification-toast .message strong{display:block;color:var(--accent-cyan);margin-bottom:5px;font-size:.9rem}.notification-toast .message span{font-size:.85rem;color:var(--text-secondary)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:.95}}.report-page-wrapper{position:relative;width:100%;height:75vh;border-radius:var(--border-radius, 12px);overflow:hidden}.report-page-wrapper .map-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.report-page-wrapper #map{width:100%;height:100%;border-radius:इन्हेरिट}.report-panel{position:absolute;z-index:10;width:350px;transition:all .3s ease}#filter-panel{top:20px;left:20px}#stats-container{top:20px;right:20px}.report-panel .card{background-color:#0a0e17d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}@media (max-width: 768px){.report-page-wrapper{height:80vh}.report-panel{inset:auto 15px 15px;width:auto}#stats-container{display:none!important}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}main[data-turbo-action=advance],article[data-turbo-action=advance]{animation:fade-in .3s ease-in-out}.turbo-progress-bar{height:4px;background-color:#00f7ff}.dashboard-grid-container{display:grid;grid-template-columns:65fr 35fr;gap:30px;align-items:start}.dashboard-column-left{display:grid;gap:30px;grid-template-rows:auto auto}.map-section-grid,.driver-feed-container-grid{display:flex;flex-direction:column}.map-container{flex-grow:1}#map{height:500px;width:100%}#globe-container{height:550px;position:sticky;top:30px}@media (max-width: 1200px){.dashboard-grid-container{grid-template-columns:1fr}#globe-container{position:static;height:400px}}.globe-label{color:#e0f7ff;font-family:Inter,sans-serif;font-size:10px;padding:2px 6px;background-color:#0a0e17b3;border:1px solid rgba(0,247,255,.2);border-radius:4px;text-shadow:0 0 5px rgba(0,247,255,.7);white-space:nowrap}#activity-chart-container{overflow-x:auto;padding-bottom:10px}.activity-chart{display:grid;grid-template-areas:"months" "days-squares";grid-template-columns:auto 1fr;gap:5px}.months{grid-area:months;display:grid;grid-template-columns:repeat(12,1fr);font-size:10px;color:var(--text-secondary);padding-left:30px}.days{grid-area:days-squares;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,auto);float:left;margin-right:5px}.day{font-size:10px;color:var(--text-secondary);padding-right:5px;height:12px;width:25px;text-align:right}.squares{grid-area:days-squares;display:grid;grid-auto-flow:column;grid-template-rows:repeat(7,12px);grid-auto-columns:12px;gap:3px;padding-left:30px}.square{width:12px;height:12px;background-color:#ffffff0d;border-radius:2px}.square.level-1{background-color:#ffc107}.square.level-2{background-color:#ff9800}.square.level-3{background-color:#f44336}.square.level-4{background-color:var(--accent-cyan)}#line-chart-card,#line-chart-card .card-body{display:flex;flex-direction:column}#line-chart-container{flex-grow:1;position:relative}.light-mode .sidebar-header h3{color:var(--accent-cyan);text-shadow:none}.light-mode .sidebar-header:after{background:var(--accent-cyan);box-shadow:none}.light-mode .sidebar-nav a:hover,.light-mode .sidebar-nav a.active{background-color:#0d6efd1a}.light-mode .main-header h1:after{background:var(--accent-cyan);box-shadow:none}.light-mode .btn-primary{background-color:var(--accent-cyan);color:#fff;box-shadow:none}.light-mode .btn-primary:hover{filter:brightness(90%)}.light-mode .kpi-card .card-icon{color:var(--accent-cyan);text-shadow:none}.light-mode .kpi-card .card-value{background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset;color:var(--text-primary)}.light-mode body:before,.light-mode .dashboard-layout:after{display:none}.light-mode .sidebar{background-color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.light-mode .sidebar-header h3{color:#333;text-shadow:none}.light-mode .sidebar-header:after{background:var(--border-color);box-shadow:none}.light-mode .sidebar-nav a:hover,.light-mode .sidebar-nav a.active{background-color:#0d6efd1a;color:var(--accent-cyan)}.light-mode .sidebar-nav a.active{border-left-color:var(--accent-cyan)}.light-mode .main-header h1{color:var(--text-primary);text-shadow:none}.light-mode .main-header h1:after{background:var(--border-color);box-shadow:none}.light-mode .btn-primary{background-color:var(--accent-cyan);color:#fff;box-shadow:0 4px 15px #0d6efd33}.light-mode .btn-primary:hover{filter:brightness(90%);box-shadow:0 6px 20px #0d6efd4d}.light-mode .kpi-card{color:#fff;border:none;box-shadow:0 7px 20px #00000014}.light-mode .kpi-card .card-label{color:#fffc}.light-mode .kpi-card .card-value{color:#fff;background:none;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:unset}.light-mode .kpi-card .card-icon{color:#fff;text-shadow:none;opacity:.8}.light-mode .kpi-grid .kpi-card:nth-child(1){background-image:linear-gradient(45deg,#6a11cb,#2575fc)}.light-mode .kpi-grid .kpi-card:nth-child(2){background-image:linear-gradient(45deg,#2575fc,#00f7ff)}.light-mode .kpi-grid .kpi-card:nth-child(3){background-image:linear-gradient(45deg,#fc5c7d,#6a82fb)}.light-mode .kpi-grid .kpi-card:nth-child(4){background-image:linear-gradient(45deg,#00c9b7,#00f7ff)}.light-mode .driver-card{background:var(--bg-dark-panel);-webkit-backdrop-filter:none;backdrop-filter:none}.light-mode .card-header-line{background:var(--accent-cyan);box-shadow:none}.light-mode .action-btn:hover{background-color:var(--accent-cyan);color:#fff}.light-mode .report-panel .card{background-color:var(--bg-dark-panel);border:1px solid var(--border-color);box-shadow:0 5px 15px #00000014}.light-mode .report-panel .card-header{background-color:#f8f9fa;border-bottom:1px solid var(--border-color)}.light-mode .report-panel .card-title{color:var(--text-primary)}.light-mode .form-control,.light-mode .form-select{background-color:#fff;border-color:var(--border-color);color:var(--text-primary)}.light-mode .form-control::placeholder{color:#6c757d;opacity:1}.light-mode .form-control:focus,.light-mode .form-select:focus{background-color:#fff;color:var(--text-primary);border-color:var(--accent-cyan);box-shadow:0 0 0 3px #0d6efd40}.light-mode .input-group-text{background-color:#e9ecef;border-color:var(--border-color);color:var(--text-secondary)}