*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#20242a;font-size:14px}header{height:58px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 18px}header nav{color:#626a73}main{display:grid;grid-template-columns:520px minmax(0,1fr);height:calc(100vh - 58px)}aside{background:#fff;border-right:1px solid #ddd;padding:10px;overflow:auto}aside h2{font-size:16px;margin:0}.vehicle-heading,.manager-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.vehicle-heading button,.manager-heading button,.edit-vehicle{padding:5px 9px;border:1px solid #b8c0c8;border-radius:5px;background:#fff;cursor:pointer}.vehicle-list-head,.vehicle-row{display:grid;grid-template-columns:105px 45px 82px 122px 95px 50px;align-items:center}.vehicle-list-head{position:sticky;top:-10px;z-index:2;background:#eef1f4;border:1px solid #d8dde2;font-size:10px;font-weight:700;color:#4d5660}.vehicle-list-head span,.vehicle-row>span{padding:6px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vehicle-row{border:1px solid #e2e5e8;border-top:0;font-size:11px;cursor:pointer}.vehicle-row:hover{background:#f2f6fa}.vehicle-row.active{background:#dcecff;box-shadow:inset 3px 0 #2563a6}.vehicle-name{display:flex;align-items:center;gap:3px}.vehicle-state{display:inline-block;flex:0 0 auto;width:10px;height:10px;border-radius:50%;margin-right:4px;background:#aaa;box-shadow:inset 0 0 0 1px #0002}.vehicle-state.moving{background:#58b924}.vehicle-state.stopped{background:#ed5c51}.vehicle-state.idle-today{background:#f2c230}.vehicle-state.stale{background:#9aa0a6}.muted{font-size:12px;color:#777;margin-top:8px}.content{display:grid;grid-template-rows:minmax(330px,55vh) auto 1fr;min-width:0}#map{height:100%;width:100%}.vehicle-layer-control button{height:30px;padding:0 9px;border:0;background:#fff;color:#20242a;font:600 12px system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer}.vehicle-layer-control button:hover{background:#f4f4f4}.vehicle-layer-control button.active{background:#2563a6;color:#fff}.vehicle-map-icon span{display:grid;width:28px;height:28px;margin:2px;place-items:center;border:3px solid #fff;border-radius:50%;box-shadow:0 1px 5px #0009;color:#fff;font-size:11px;font-weight:800;line-height:1}.vehicle-map-icon span.moving{background:#58b924}.vehicle-map-icon span.stopped{background:#ed5c51}.vehicle-map-icon span.idle-today{background:#f2c230;color:#4b3a00}.vehicle-map-icon span.stale{background:#9aa0a6}.vehicle-map-icon span.selected{width:32px;height:32px;margin:0;font-size:12px;border-width:4px;border-color:#fff;box-shadow:0 0 0 2px #20242a,0 2px 6px #0008}.vehicle-popup{display:grid;gap:3px;min-width:175px}.vehicle-popup strong{margin-bottom:2px}.vehicle-popup span{display:block}.route-direction-icon svg{display:block;width:12px;height:12px;overflow:visible;filter:drop-shadow(0 0 1px #fff)}.route-direction-icon path{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.route-endpoint-icon span{display:grid;width:24px;height:24px;place-items:center;border:2px solid #fff;box-shadow:0 1px 5px #0008;color:#fff;font-size:12px;line-height:1}.route-endpoint-icon.start span{background:#218c4f;border-radius:50%;padding-left:1px}.route-endpoint-icon.end span{background:#c92a2a;border-radius:4px}.route-speed-legend{display:none;background:#fff;padding:8px 10px;border-radius:4px;box-shadow:0 1px 5px #0005;font-size:11px;line-height:16px}.route-speed-legend.visible{display:grid}.route-speed-legend strong{margin-bottom:3px}.route-speed-legend span{white-space:nowrap}.route-speed-legend i{display:inline-block;width:18px;height:5px;margin-right:6px;vertical-align:middle;border-radius:2px}.speed-green{background:#2a9d55}.speed-yellow{background:#e1b12c}.speed-orange{background:#ed7d31}.speed-red{background:#d62828}.toolbar{background:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:9px;display:flex;gap:8px;align-items:center}.toolbar input,.toolbar button{padding:7px 9px}.sync-status{font-size:12px;color:#477052}.sync-status.error{color:#a11}.toolbar #sum{margin-left:auto;font-weight:600}.table-wrap{overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:8px 9px;border-bottom:1px solid #e8e8e8;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#fff;z-index:1}tbody tr{cursor:pointer}tbody tr:hover{background:#eef2f6}.error{color:#a11;padding:8px}dialog{border:0;border-radius:10px;box-shadow:0 12px 40px #0004;min-width:420px;max-width:92vw}dialog::backdrop{background:#0005}dialog form{display:grid;gap:12px}dialog h3{margin:0 0 4px}dialog label{display:grid;gap:5px;font-weight:600}dialog input,dialog select{padding:8px;border:1px solid #bbb;border-radius:5px}.check-label{display:flex!important;align-items:center;gap:8px!important}.check-label input{width:auto}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.dialog-actions button{padding:8px 12px}.wide-dialog{width:min(900px,92vw)}.manager-table-wrap{max-height:65vh;overflow:auto}.manager-heading{margin:0}.manager-table-wrap tbody tr{cursor:default}@media(max-width:1100px){main{grid-template-columns:395px minmax(0,1fr)}.vehicle-list-head,.vehicle-row{grid-template-columns:105px 45px 82px 142px}.vehicle-list-head span:nth-child(n+5),.vehicle-row>span:nth-child(n+5){display:none}}@media(max-width:900px){main{grid-template-columns:1fr}aside{display:none}.content{grid-template-rows:45vh auto 1fr}}