*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Archivo,Inter,system-ui,sans-serif;background:#f4f4f5;color:#111}.mono{font-family:JetBrains Mono,Menlo,monospace}.brand{color:#ff4d00}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#111;padding:24px}.login-card{width:100%;max-width:420px;background:#fff;border:1px solid #111;padding:32px}.login-tag{font-size:10px;letter-spacing:3px;color:#ff4d00;font-weight:800;margin-bottom:8px}.login-title{font-size:32px;font-weight:900;letter-spacing:-.5px;margin-bottom:32px}.form-label{display:block;font-size:10px;letter-spacing:2px;font-weight:800;margin-bottom:6px;margin-top:16px}.form-input{width:100%;padding:10px 0;border:none;border-bottom:2px solid #111;font-size:16px;background:transparent;font-family:Menlo,monospace;outline:none}.btn{display:inline-block;padding:12px 20px;background:#ff4d00;color:#fff;border:1px solid #111;font-size:12px;font-weight:900;letter-spacing:2px;cursor:pointer;text-transform:uppercase}.btn:hover{opacity:.9}.btn-outline{background:#fff;color:#111}.btn-danger{background:#d50000}.btn-sm{padding:8px 14px;font-size:11px}.error{color:#d50000;font-size:12px;font-weight:800;margin-top:8px}.success{color:#00c853;font-size:12px;font-weight:800;margin-top:8px}.hint{font-size:11px;color:#888;margin-top:8px;font-family:Menlo,monospace}.shell{display:flex;min-height:100vh}.sidebar{width:240px;background:#111;color:#fff;padding:24px 0;position:sticky;top:0;height:100vh}.sidebar-brand{padding:0 24px 24px;border-bottom:2px solid #FF4D00}.sidebar-brand h1{color:#fff;font-size:20px;font-weight:900}.sidebar-brand small{color:#888;font-size:10px;letter-spacing:2px}.sidebar-nav{padding-top:16px}.sidebar a{display:block;padding:12px 24px;color:#ccc;text-decoration:none;font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;border-left:3px solid transparent}.sidebar a:hover{background:#1a1a1a;color:#fff}.sidebar a.active{color:#ff4d00;border-left-color:#ff4d00;background:#1a1a1a}.sidebar-foot{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;border-top:1px solid #333}.sidebar-foot .user{font-size:11px;color:#ccc;font-family:Menlo,monospace}.sidebar-foot .role{font-size:9px;color:#ff4d00;letter-spacing:2px;font-weight:800}.sidebar-foot button{margin-top:8px;padding:6px 10px;background:transparent;color:#ccc;border:1px solid #333;cursor:pointer;font-size:10px;letter-spacing:1px}.main{flex:1;padding:32px;overflow-x:hidden}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px;padding-bottom:12px;border-bottom:2px solid #111}.page-head h1{font-size:28px;font-weight:900;letter-spacing:-.5px}.page-head p{font-size:11px;color:#666;letter-spacing:1.5px;text-transform:uppercase;margin-top:4px}.grid{display:grid;gap:12px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.stat{background:#fff;border:1px solid #111;padding:16px}.stat .label{font-size:10px;letter-spacing:2px;color:#666;font-weight:700}.stat .value{font-size:32px;font-weight:900;font-family:Menlo,monospace;margin-top:8px}.stat.tint-brand{background:#ff4d00;color:#111}.stat.tint-brand .label{color:#111}.stat.tint-warning{background:#ffd600}.stat.tint-success{background:#00c853;color:#fff}.stat.tint-success .label,.stat.tint-success .value{color:#fff}.card{background:#fff;border:1px solid #111;padding:20px;margin-top:16px}.card h2{font-size:14px;font-weight:900;letter-spacing:2px;text-transform:uppercase;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #E4E4E7}table{width:100%;border-collapse:collapse;margin-top:8px}th{background:#111;color:#fff;padding:10px;text-align:left;font-size:10px;letter-spacing:1.5px;font-weight:800}td{padding:10px;border-bottom:1px solid #E4E4E7;font-size:13px;font-family:Menlo,monospace}tr:hover{background:#fafafa}.tag{display:inline-block;padding:3px 8px;border:1px solid #111;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.tag-success{background:#00c853;color:#fff}.tag-warning{background:#ffd600}.tag-danger{background:#d50000;color:#fff}.tag-info{background:#2962ff;color:#fff}.form-row{display:flex;gap:12px;margin-top:12px}.form-row>*{flex:1}input,textarea,select{padding:10px 12px;border:1px solid #111;font-size:13px;font-family:Menlo,monospace;background:#fff;outline:none;width:100%}input:focus,textarea:focus,select:focus{border-color:#ff4d00}label.field{display:block;font-size:10px;letter-spacing:1.5px;font-weight:800;text-transform:uppercase;margin-bottom:4px;margin-top:12px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:999;padding:24px}.modal{background:#fff;border:1px solid #111;width:100%;max-width:480px;padding:24px;max-height:90vh;overflow-y:auto}.modal h2{font-size:16px;letter-spacing:2px;margin-bottom:12px}.actions{display:flex;gap:8px;margin-top:16px;justify-content:flex-end}.empty{padding:32px;border:1px dashed #ccc;text-align:center;color:#888;font-size:12px;letter-spacing:1px}.loading{padding:48px;text-align:center;color:#888;font-size:12px;letter-spacing:2px}@media (max-width: 900px){.sidebar{width:60px}.sidebar-brand h1,.sidebar-brand small,.sidebar a span,.sidebar-foot{display:none}.sidebar a{padding:12px 0;text-align:center}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.main{padding:16px}}.livemap-shell{display:grid;grid-template-columns:320px 1fr;gap:12px;height:calc(100vh - 180px);min-height:500px}.livemap-side{background:#fff;border:1px solid #111;display:flex;flex-direction:column;overflow:hidden}.livemap-list{flex:1;overflow-y:auto}.livemap-item{padding:10px 12px;border-bottom:1px solid #E4E4E7;cursor:pointer}.livemap-item:hover{background:#fafafa}.livemap-item.active{background:#111;color:#fff;border-left:4px solid #FF4D00}.livemap-item.active b{color:#ff4d00}.livemap-item.active .tag{background:#ff4d00;color:#111}.livemap-map{border:1px solid #111;overflow:hidden;min-height:400px}.leaflet-container{background:#e4e4e7}@media (max-width: 900px){.livemap-shell{grid-template-columns:1fr;height:auto}.livemap-side{max-height:320px}.livemap-map{height:400px}}.veh-map-modal{max-width:720px}.veh-map-canvas{height:380px;border:1px solid #111;margin-top:8px}.veh-live-info{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.veh-live-info .cell{border:1px solid #E4E4E7;padding:8px;text-align:center}.veh-live-info .cell .k{font-size:9px;letter-spacing:1.5px;color:#666;font-weight:800}.veh-live-info .cell .v{font-size:16px;font-family:Menlo,monospace;font-weight:900;margin-top:4px}