:root{--bg:#07111f;--panel:rgba(10,20,35,.82);--card:rgba(255,255,255,.08);--text:#f5f8ff;--muted:#95a3b8;--blue:#0077ff;--red:#e8112d;--green:#20d47b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}#app{height:100vh;display:grid;grid-template-columns:390px 1fr;overflow:hidden}.panel{z-index:2;padding:18px;background:linear-gradient(180deg,rgba(9,17,32,.96),rgba(9,17,32,.78));backdrop-filter:blur(20px);border-right:1px solid rgba(255,255,255,.1);overflow:auto}.brand{display:flex;gap:12px;align-items:center}.logo{width:52px;height:52px;border-radius:18px;background:var(--blue);display:grid;place-items:center;font-weight:900;box-shadow:0 14px 35px rgba(0,119,255,.35)}h1{font-size:25px;margin:0}p,footer{color:var(--muted)}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button,.row button,button{border:0;color:var(--text);background:var(--card);padding:11px 13px;border-radius:15px;cursor:pointer}.tabs .active,.primary{background:linear-gradient(135deg,var(--blue),#00b7ff)!important;box-shadow:0 12px 35px rgba(0,119,255,.28)}input{width:100%;margin:7px 0;padding:14px 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.08);color:var(--text);outline:none}.tab{display:none}.tab.active{display:block}.list{display:grid;gap:10px;margin-top:12px}.card{background:var(--card);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:13px;box-shadow:0 16px 55px rgba(0,0,0,.22)}.card h3{margin:0 0 4px;font-size:16px}.card small{color:var(--muted)}.card .actions{display:flex;gap:8px;margin-top:10px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;margin-right:5px}.delay{color:#ffd166}.ok{color:var(--green)}#map{width:100%;height:100vh}.sheet{position:fixed;left:420px;right:22px;bottom:22px;max-height:48vh;overflow:auto;z-index:3;background:rgba(8,15,26,.9);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(24px);border-radius:28px;padding:18px;box-shadow:0 28px 80px rgba(0,0,0,.45);transform:translateY(125%);transition:.28s}.sheet.open{transform:translateY(0)}#closeSheet{position:absolute;right:15px;top:14px}.row{display:flex;gap:8px}.row button{flex:1}.marker{width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid white;box-shadow:0 8px 22px rgba(0,0,0,.35)}.admin .adminwrap{max-width:980px;margin:40px auto;padding:20px}.admin table{width:100%;border-collapse:collapse}.admin td,.admin th{padding:9px;border-bottom:1px solid rgba(255,255,255,.12);text-align:left}@media(max-width:800px){#app{display:block}.panel{height:48vh;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}#map{height:52vh}.sheet{left:10px;right:10px;bottom:10px}}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.chips button,.chips span{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:7px 10px;background:rgba(255,255,255,.06);color:inherit}.vehicle{width:30px;height:30px;border-radius:12px;background:#0f4cff;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.35);border:2px solid #fff}.vehicle span{transform:rotate(0deg)}

/* v4 */
.mini-panel{position:absolute;left:16px;bottom:16px;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:10px 14px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.12);z-index:5}