@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--navy-950: #0E1B2E;--navy-900: #14243D;--teal-600: #2E8B77;--teal-700: #256F5F;--teal-100: #E3F6EF;--bg: #F4F6F8;--surface: #FFFFFF;--surface-alt: #F8FAFB;--border: #E2E5EA;--border-strong: #D8DEE6;--text: #1E293B;--text-muted: #64748B;--text-faint: #94A3B8;--sidebar-text: #A9B8CE;--sidebar-text-muted: #6E84A3;--sidebar-caret: #7C90AC;--link: #2563EB;--link-soft-bg: #EAF2FE;--red-bg: #FDECEC;--red: #DC2626;--amber-bg: #FFF4E1;--amber: #B45309;--amber-strong: #D97706;--green-bg: #E7F7EE;--green: #15803D;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 2px rgba(14, 27, 46, .05)}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}h1{font-size:24px;font-weight:700;margin:0 0 16px;letter-spacing:-.01em}h3{font-size:15px;font-weight:600;margin:20px 0 8px}.muted{color:var(--text-muted);font-size:13px}.app-shell{display:flex;height:100vh;position:relative}.sidebar{width:220px;background:var(--navy-950);color:#fff;display:flex;flex-direction:column;padding:16px 12px;flex-shrink:0;overflow:hidden;transition:width .18s ease,padding .18s ease}.app-shell.sidebar-collapsed .sidebar{width:0;padding:16px 0;border:none}.brand{font-weight:600;font-size:16px;padding:8px 12px 20px;display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}.collapse-toggle,.expand-toggle{background:#ffffff1a;color:#fff;border:none;border-radius:6px;padding:4px 8px;font-size:13px;cursor:pointer;line-height:1}.collapse-toggle:hover,.expand-toggle:hover{background:#ffffff38}.expand-toggle{position:absolute;top:16px;left:16px;z-index:20;background:var(--navy-950);padding:8px 10px;font-size:15px;box-shadow:0 2px 8px #00000040}.sidebar nav{display:flex;flex-direction:column;gap:2px;flex:1;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.25) transparent}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:3px}.nav-link{color:var(--sidebar-text);text-decoration:none;padding:9px 12px;border-radius:8px;font-size:14px}.nav-link:hover{background:#ffffff14}.nav-link.active{background:var(--teal-600);color:#fff;font-weight:500}.nav-link-parent{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;font-family:inherit;cursor:pointer}.nav-caret{display:inline-block;font-size:12px;transition:transform .15s ease;color:var(--sidebar-caret)}.nav-caret-open{transform:rotate(90deg)}.nav-submenu{display:flex;flex-direction:column;gap:2px;margin:2px 0 2px 10px;border-left:1px solid rgba(255,255,255,.15);padding-left:8px}.nav-link-sub{font-size:13px;padding:7px 12px}.sidebar-footer{border-top:1px solid rgba(255,255,255,.15);padding-top:12px;margin-top:8px;font-size:13px;flex-shrink:0}.user-name{margin-bottom:2px}.user-role{display:inline-block;margin-bottom:8px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--sidebar-caret)}.nav-section-label{margin:14px 12px 4px;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--sidebar-text-muted)}.logout-button{width:100%;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.25);padding:8px 12px;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500}.logout-button:hover{background:var(--red);border-color:var(--red)}.content{flex:1;overflow-y:auto;padding:24px 32px}.login-screen{height:100vh;display:flex;align-items:stretch;justify-content:center;overflow:hidden;background:var(--teal-100)}.login-illustration-panel{flex:1.1;min-width:0;background:linear-gradient(160deg,#0e1b2e,#1f5f52 55%,#2e8b77);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.login-illustration-badge{color:#e3f6ef;background:#ffffff1f;border:1px solid rgba(255,255,255,.25);padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.02em;margin-bottom:24px}.bus-illustration{width:100%;max-width:460px;height:auto}.login-illustration-caption{color:#d7efe8;font-size:14px;max-width:360px;text-align:center;margin-top:20px;line-height:1.5}.login-form-panel{flex:1;min-width:340px;display:flex;align-items:center;justify-content:center;background:var(--surface-alt)}.login-card{background:var(--surface);padding:36px 32px 32px;border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:0 12px 40px #0e1b2e1f;width:340px;display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.login-logo{width:72px;height:72px;object-fit:contain;border-radius:14px;margin-bottom:4px;background:#fff;box-shadow:0 4px 16px #0000001a;padding:6px}.login-card h1{margin-bottom:0;color:var(--navy-950)}.login-card label,.login-card input{width:100%}.login-card label{font-size:13px;color:var(--text-muted);margin-top:8px;text-align:left}.login-card input{text-align:left}.login-card button{margin-top:12px;width:100%;background:var(--teal-600);border:none}.login-card button:hover{background:var(--teal-700)}.error-box{background:var(--red-bg);color:var(--red);padding:8px 12px;border-radius:8px;font-size:13px;width:100%}@media (max-width: 820px){.login-illustration-panel{display:none}.login-form-panel{flex:1;min-width:0}}input,select,button,textarea{font-family:inherit;font-size:14px;padding:8px 10px;border-radius:8px;border:1px solid var(--border-strong);background:#fff}button{background:var(--navy-950);color:#fff;border:none;cursor:pointer;padding:9px 16px}button:hover{background:#0a1420}button:disabled{opacity:.6;cursor:default}.link-button{background:none;border:none;color:var(--link);padding:0;cursor:pointer;font-size:13px;text-decoration:underline}.link-button.danger{color:var(--red)}.button-link{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--border-strong);color:var(--text);padding:8px 14px;border-radius:8px;text-decoration:none;font-size:14px}.inline-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.stacked-form{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.inline-form-field{display:flex;flex-direction:column;gap:2px}.inline-form-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.chip-list{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid var(--border-strong);border-radius:20px;padding:5px 12px;font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer;background:#fff}.chip-selected{background:var(--link-soft-bg);border-color:var(--link)}.simple-table{width:100%;border-collapse:collapse;font-size:14px;background:#fff}.simple-table th{text-align:left;padding:8px 10px;background:var(--surface-alt);border-bottom:1px solid var(--border);font-weight:600;font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.simple-table td{padding:8px 10px;border-bottom:1px solid var(--border)}.mono{font-family:SF Mono,Menlo,monospace;font-size:12px}.badge{padding:2px 10px;border-radius:20px;font-size:12px;font-weight:500}.badge-success{background:var(--green-bg);color:var(--green)}.badge-warning{background:var(--amber-bg);color:var(--amber)}.badge-danger{background:var(--red-bg);color:var(--red)}.badge-muted{background:var(--surface-alt);color:var(--text-muted)}.map-frame{height:380px;border-radius:8px;overflow:hidden;border:1px solid var(--border-strong);margin-bottom:8px}.map-help{margin-top:0}.leaflet-div-icon.vehicle-direction-icon{background:transparent;border:none}.search-box{width:100%;max-width:340px;margin-bottom:6px}.row-selected{background:var(--teal-100)}.row-selected td{border-bottom-color:#bfe3d6}.geofence-name-label{background:var(--teal-600);color:#fff;border:none;font-weight:600;font-size:12px;padding:3px 8px;box-shadow:0 1px 4px #00000040}.geofence-name-label:before{border-top-color:var(--teal-600)}.geofence-name-label-draft{background:var(--amber-strong)}.geofence-name-label-draft:before{border-top-color:var(--amber-strong)}.radius-handle-dot{width:14px;height:14px;border-radius:50%;background:var(--amber-strong);border:2px solid white;box-shadow:0 1px 4px #00000059;cursor:grab}.radius-handle-dot:active{cursor:grabbing}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-bottom:20px}.kpi-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.kpi-card.kpi-good{border-left-color:var(--green)}.kpi-card.kpi-warn{border-left-color:var(--amber)}.kpi-card.kpi-bad{border-left-color:var(--red)}.kpi-value{font-size:28px;font-weight:700;color:var(--navy-950);line-height:1.1}.kpi-label{font-size:13px;color:var(--text-muted);margin-top:4px;font-weight:500}.kpi-sub{font-size:12px;color:var(--text-faint);margin-top:4px}.map-panel{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border)}.live-map-grid{display:grid;grid-template-columns:1fr 340px;gap:16px;height:72vh;min-height:480px}.live-map-side{overflow-y:auto}@media (max-width: 900px){.live-map-grid{grid-template-columns:1fr;height:auto}.live-map-grid .map-panel{height:50vh;min-height:320px}}.vehicle-detail-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:4px 16px;box-shadow:var(--shadow-card)}.vehicle-detail-panel.muted{padding:14px 16px}.vehicle-detail-panel .simple-table{margin:0}.dashboard-section-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-bottom:20px;align-items:start}@media (max-width: 900px){.dashboard-section-grid{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card)}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.panel-title h3{margin:0}.route-progress-row{margin:14px 0}.route-progress-row:first-of-type{margin-top:4px}.route-progress-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:5px;gap:8px}.route-progress-name{font-weight:500}.route-progress-meta{color:var(--text-faint);font-size:12px;white-space:nowrap}.route-progress-track{height:8px;background:var(--surface-alt);border-radius:6px;overflow:hidden}.route-progress-fill{height:100%;border-radius:6px;transition:width .3s ease}.route-progress-fill.tone-good{background:var(--green)}.route-progress-fill.tone-warn{background:var(--amber)}.route-progress-fill.tone-muted{background:#cbd5e1}.alert-list{list-style:none;padding:0;margin:4px 0 0;display:flex;flex-direction:column;gap:8px}.alert-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px}.alert-item.tone-bad{background:var(--red-bg);color:var(--red)}.alert-item.tone-warn{background:var(--amber-bg);color:var(--amber)}.alert-icon{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;background:#ffffffa6}.alert-text{flex:1}.alert-sub{display:block;font-size:11px;opacity:.85;margin-top:1px}.vehicle-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:4px}.vehicle-status-card{background:var(--surface-alt);border:1px solid var(--border);border-left:4px solid var(--border-strong);border-radius:var(--radius-md);padding:12px 14px}.vehicle-status-card.tone-good{border-left-color:var(--green)}.vehicle-status-card.tone-warn{border-left-color:var(--amber-strong)}.vehicle-status-card.tone-bad{border-left-color:var(--red)}.vehicle-status-card.tone-muted{border-left-color:#cbd5e1}.vehicle-card-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.vehicle-card-reg{font-weight:600;font-size:14px}.vehicle-card-speed{font-size:20px;font-weight:700;color:var(--navy-950);line-height:1.1}.vehicle-card-meta{font-size:12px;color:var(--text-faint);margin-top:6px}.event-timeline{list-style:none;padding:0;margin:4px 0 0;font-size:13px}.event-timeline li{display:flex;align-items:baseline;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.event-timeline li:last-child{border-bottom:none}.event-dot{width:7px;height:7px;border-radius:50%;background:var(--teal-600);flex-shrink:0;transform:translateY(-1px)}.event-time{color:var(--text-faint);font-size:12px;white-space:nowrap;min-width:64px}.driver-shell{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.driver-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;background:var(--navy-950);color:#fff;padding:14px 16px}.driver-header-title{font-size:18px;font-weight:700}.driver-header-sub{font-size:12px;color:var(--sidebar-text);margin-top:2px}.driver-header .link-button{color:#d7efe8;font-size:13px}.driver-body{flex:1;padding:12px 14px 32px;max-width:640px;width:100%;margin:0 auto}.driver-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;margin-bottom:12px;box-shadow:var(--shadow-card)}.driver-card-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.driver-progress-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px 16px;margin-bottom:12px;text-align:center;box-shadow:var(--shadow-card)}.driver-progress-count{font-size:32px;font-weight:700;color:var(--navy-950)}.driver-progress-label{font-size:13px;color:var(--text-muted);margin-bottom:10px}.driver-progress-bar{height:10px;background:var(--surface-alt);border-radius:6px;overflow:hidden}.driver-progress-fill{height:100%;background:var(--green);border-radius:6px;transition:width .3s ease}.driver-next-stop{border-color:var(--amber-strong);background:var(--amber-bg)}.driver-next-stop-name{font-size:20px;font-weight:700;margin:4px 0 12px}.driver-navigate-button{display:inline-block;background:var(--amber-strong);color:#fff;padding:10px 18px;border-radius:8px;font-weight:600;text-decoration:none}.driver-map{height:42vh;min-height:260px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);margin-bottom:16px}.driver-stop-icon{background:transparent}.driver-stop-dot{width:26px;height:26px;border-radius:50%;color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 1px 3px #00000059}.driver-section-heading{margin:20px 0 8px;font-size:15px;font-weight:600}.driver-stop-list,.driver-activity-list{list-style:none;margin:0;padding:0}.driver-stop-row,.driver-activity-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:8px;font-size:14px}.driver-stop-row-next{border-color:var(--amber-strong);background:var(--amber-bg)}.driver-stop-seq{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:var(--surface-alt);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.driver-stop-name,.driver-activity-name{flex:1}.driver-activity-time{font-size:12px;white-space:nowrap}@media (max-width: 480px){.driver-body{padding:10px 10px 28px}.driver-map{height:38vh}}