*{box-sizing:border-box}body,html{height:100%;margin:0}body{background:#111820;color:#f4f7fb;font-family:Arial,Helvetica,sans-serif}button,input,select{font:inherit}.login-shell{padding:24px}.loading-shell,.login-shell{align-items:center;display:flex;min-height:100vh;justify-content:center}.loading-shell{color:#dce6f2;font-weight:900}.login-form{display:grid;grid-gap:16px;gap:16px;max-width:380px;width:100%}.login-form h1{font-size:28px;margin:0}.login-form p{color:#b7c4d4;margin:6px 0 12px}.login-form label{color:#dce6f2;display:grid;font-weight:700;grid-gap:8px;gap:8px}.login-form input{border:1px solid #34485c;border-radius:6px;min-height:46px;padding:0 12px}.login-form button{background:#146c43;border:0;border-radius:6px;color:#ffffff;cursor:pointer;font-weight:900;min-height:48px}.login-form button:disabled{cursor:default;opacity:.6}.form-error,.map-error{color:#ffd166;font-weight:700}.dashboard-shell{display:grid;grid-template-rows:64px minmax(0,1fr);height:100vh}.topbar{align-items:center;background:#162331;border-bottom:1px solid #304255;display:flex;justify-content:space-between;padding:0 22px}.topbar h1{font-size:20px;line-height:1;margin:0 0 5px}.topbar span{color:#aebccd;font-size:13px}.topbar-actions{align-items:center;display:flex;gap:12px}.view-tabs{border:1px solid #41566a;border-radius:8px;display:flex;overflow:hidden}.view-tabs button{background:transparent;border:0;color:#dce6f2;cursor:pointer;font-size:13px;font-weight:900;min-height:34px;padding:0 12px}.view-tabs button.selected{background:#e9eef5;color:#111820}.connection-pill{border:1px solid #627086;border-radius:999px;color:#dce6f2;font-size:13px;font-weight:800;padding:6px 12px;text-transform:uppercase}.connection-pill.connected{border-color:#21c55d;color:#bff5d0}.connection-pill.disconnected,.connection-pill.error{border-color:#f04438;color:#ffbeb8}.logout-button{background:transparent;border:1px solid #627086;border-radius:6px;color:#dce6f2;cursor:pointer;font-size:13px;font-weight:900;min-height:34px;padding:0 12px}.logout-button:hover{background:#243449}.monitoring-grid{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:0}.sidebar{background:#101820;border-right:1px solid #304255;display:grid;grid-gap:18px;gap:18px;grid-auto-rows:max-content;min-height:0;overflow-y:auto;padding:18px}.vehicle-sidebar-section{min-width:0}.sidebar-title{color:#f4f7fb;font-size:14px;font-weight:900;margin-bottom:14px}.empty-state{color:#9cabbd;line-height:1.45}.area-filter{color:#cbd7e5;display:grid;font-size:12px;font-weight:900;grid-gap:7px;gap:7px;margin-bottom:14px}.area-filter input{background:#ffffff;border:1px solid #42576b;border-radius:6px;color:#111820;min-height:38px;padding:0 10px}.vehicle-list{display:grid;grid-gap:8px;gap:8px}.vehicle-row{align-items:flex-start;background:transparent;border:1px solid transparent;border-radius:6px;color:inherit;cursor:pointer;display:grid;grid-gap:10px;gap:10px;grid-template-columns:10px minmax(0,1fr);padding:10px;text-align:left;width:100%}.vehicle-row.selected,.vehicle-row:hover{background:#1d2d3d;border-color:#456078}.vehicle-row.emergency{background:rgba(180,35,24,.18);border-color:rgba(239,68,68,.72)}.vehicle-row.emergency.selected,.vehicle-row.emergency:hover{background:rgba(180,35,24,.28);border-color:#ef4444}.status-dot{border-radius:999px;height:10px;margin-top:5px;width:10px}.status-dot.active{background:#21c55d}.status-dot.stale{background:#f59e0b}.status-dot.offline{background:#ef4444}.status-dot.emergency{animation:emergency-pulse 1s infinite;background:#ef4444}.vehicle-info{display:grid;grid-gap:4px;gap:4px}.vehicle-info strong{color:#ffffff;font-size:16px}.vehicle-info em,.vehicle-info span{color:#aebccd;font-size:13px;font-style:normal}.vehicle-info em{color:#ffd166;font-weight:800}.map-panel{min-height:0;position:relative}.history-panel{border-bottom:1px solid #304255;display:grid;grid-gap:12px;gap:12px;padding-bottom:18px}.history-tabs{border:1px solid #41566a;border-radius:8px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.history-form button,.history-tabs button{cursor:pointer;font-weight:900}.history-tabs button{background:transparent;border:0;color:#dce6f2;font-size:11px;min-height:34px;padding:0 8px}.history-tabs button.selected{background:#e9eef5;color:#111820}.history-form{display:grid;grid-gap:10px;gap:10px}.history-form label{color:#cbd7e5;display:grid;font-size:12px;font-weight:900;grid-gap:6px;gap:6px}.history-form input,.history-form select{background:#ffffff;border:1px solid #b8c5d4;border-radius:6px;color:#111820;min-height:36px;padding:0 8px;width:100%}.history-time-grid{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.history-form button{background:#146c43;border:0;border-radius:6px;color:#ffffff;min-height:38px}.history-form button:disabled{cursor:default;opacity:.6}.history-summary{background:#182635;border:1px solid #2a3b4f;border-radius:8px;color:#cbd7e5;display:grid;font-size:12px;grid-gap:5px;gap:5px;padding:10px}.history-summary strong{color:#ffffff}.history-map-badge{background:rgba(17,24,32,.9);border:1px solid #7c3aed;border-radius:6px;color:#f4f7fb;font-size:12px;font-weight:900;left:16px;padding:9px 11px;position:absolute;top:16px;z-index:3}.map{height:100%;width:100%}.admin-users{grid-gap:18px;grid-template-columns:minmax(320px,440px) minmax(0,1fr)}.admin-users,.audit-admin-shell{display:grid;gap:18px;min-height:0;overflow:auto;padding:22px}.audit-admin-shell{grid-gap:18px}.history-data-panel{background:#f6f8fb;border:1px solid #cfd8e3;border-radius:8px;color:#111820;display:grid;grid-gap:14px;gap:14px;padding:18px}.history-data-panel .history-form label{color:#203142}.history-data-panel .history-time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-table-shell{border:1px solid #dbe3ec;border-radius:8px;overflow:auto}.history-table{min-width:720px}.user-form,.user-table-shell{background:#f6f8fb;border:1px solid #cfd8e3;border-radius:8px;color:#111820}.user-form{align-self:start;display:grid;grid-gap:14px;gap:14px;padding:18px}.panel-heading{align-items:baseline;display:flex;justify-content:space-between;gap:16px}.panel-heading h2{font-size:20px;margin:0}.panel-heading span{color:#516273;font-size:13px;font-weight:800}.user-form-grid{display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.user-form label{color:#203142;display:grid;font-size:13px;font-weight:900;grid-gap:7px;gap:7px}.user-form input,.user-form select{background:#ffffff;border:1px solid #b8c5d4;border-radius:6px;color:#111820;min-height:42px;padding:0 10px}.checkbox-row{align-items:center;display:flex!important;gap:9px!important}.checkbox-row input{min-height:auto}.form-success{color:#146c43;font-weight:900;margin:0}.user-form button{background:#146c43;border:0;border-radius:6px;color:#ffffff;cursor:pointer;font-weight:900;min-height:46px}.user-form button:disabled{cursor:default;opacity:.6}.form-actions{display:grid;grid-gap:8px;gap:8px;grid-template-columns:minmax(0,1fr)}.user-form .secondary-form-button{background:transparent;border:1px solid #7d8c9d;color:#203142}.user-table-shell{min-width:0;overflow:auto}.user-table{border-collapse:collapse;min-width:760px;width:100%}.user-table td,.user-table th{border-bottom:1px solid #dbe3ec;padding:13px 14px;text-align:left}.user-table th{background:#e9eef5;color:#203142;font-size:12px;font-weight:900;text-transform:uppercase}.user-table td{color:#1a2836;font-size:14px}.table-actions{display:flex;flex-wrap:wrap;gap:8px}.table-actions button{background:#203142;border:0;border-radius:6px;color:#ffffff;cursor:pointer;font-size:12px;font-weight:900;min-height:32px;padding:0 10px}.table-actions button:disabled{cursor:default;opacity:.45}.map-error{background:rgba(17,24,32,.92);border:1px solid #66563a;border-radius:6px;left:16px;padding:10px 12px;position:absolute;top:16px;z-index:3}.vehicle-marker{align-items:center;background:transparent;border:0;cursor:pointer;display:grid;justify-items:center;padding:0}.vehicle-marker-label{background:#ffffff;border:1px solid #24384b;border-radius:5px;box-shadow:0 5px 14px rgba(0,0,0,.25);color:#111820;font-size:13px;font-weight:900;min-width:64px;padding:5px 8px;text-align:center}.vehicle-marker-pointer{border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid #ffffff;height:0;width:0}.vehicle-marker-dot{background:#1f6feb;border:3px solid #ffffff;border-radius:999px;box-shadow:0 4px 10px rgba(0,0,0,.32);height:18px;width:18px}.vehicle-marker-area{color:#111820;font-size:10px;font-weight:900;line-height:1.1;margin-top:3px;max-width:92px;overflow:hidden;text-align:center;text-shadow:0 1px 2px rgba(255,255,255,.9);text-overflow:ellipsis;white-space:nowrap}.vehicle-marker[data-status=stale] .vehicle-marker-dot{background:#f59e0b}.vehicle-marker[data-status=offline]{opacity:.72}.vehicle-marker[data-status=offline] .vehicle-marker-dot{background:#ef4444}.vehicle-marker[data-emergency=true] .vehicle-marker-label{animation:emergency-label-pulse 1s infinite;background:rgba(180,35,24,.92);border-color:#7a120b;box-shadow:0 0 0 2px rgba(239,68,68,.25),0 5px 14px rgba(0,0,0,.25);color:#ffffff}.vehicle-marker[data-emergency=true] .vehicle-marker-pointer{border-top-color:rgba(180,35,24,.92)}.vehicle-marker[data-emergency=true] .vehicle-marker-dot{animation:emergency-pulse 1s infinite;background:#ef4444;border-color:#ffffff;box-shadow:0 0 0 0 rgba(239,68,68,.72),0 0 22px rgba(239,68,68,.92)}.vehicle-marker[data-emergency=true] .vehicle-marker-area{color:#7a120b;text-shadow:0 1px 2px rgba(255,255,255,.95)}.vehicle-popup{color:#111820;display:grid;grid-gap:5px;gap:5px;min-width:190px}.vehicle-popup strong{font-size:15px}.vehicle-popup span{font-size:13px}.popup-status{font-weight:900}.popup-status.active{color:#146c43}.popup-status.stale{color:#b45309}.popup-status.offline{color:#b42318}.popup-emergency-description,.popup-status.emergency{color:#b42318;font-weight:900}@keyframes emergency-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.72),0 0 20px rgba(239,68,68,.78);transform:scale(1)}70%{box-shadow:0 0 0 18px rgba(239,68,68,0),0 0 26px rgba(239,68,68,.98);transform:scale(1.22)}to{box-shadow:0 0 0 0 rgba(239,68,68,0),0 0 20px rgba(239,68,68,.78);transform:scale(1)}}@keyframes emergency-label-pulse{0%,to{box-shadow:0 0 0 2px rgba(239,68,68,.25),0 5px 14px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0),0 0 18px rgba(239,68,68,.75)}}@media (max-width:820px){.dashboard-shell{grid-template-rows:72px minmax(0,1fr)}.topbar{gap:12px}.topbar-actions{align-items:flex-end;flex-direction:column;gap:6px}.monitoring-grid{grid-template-columns:1fr;grid-template-rows:220px minmax(0,1fr)}.sidebar{border-bottom:1px solid #304255;border-right:0}.admin-users{padding:14px}.admin-users,.user-form-grid{grid-template-columns:1fr}}