:root{color-scheme:dark;--bg:#07101d;--panel:#0d1929cc;--line:#20324a;--muted:#7990aa;--text:#eef7ff;--cyan:#36d7e8;--green:#4ce0ad;--amber:#f6c75c}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#102a42 0,transparent 35%),var(--bg);color:var(--text);font:14px/1.5 Inter,"Segoe UI",sans-serif}.ambient{position:fixed;border-radius:50%;filter:blur(100px);opacity:.16;pointer-events:none}.ambient-one{width:340px;height:340px;background:#00d9ff;right:4%;top:9%}.ambient-two{width:300px;height:300px;background:#00ffa6;left:-8%;bottom:0}.shell{width:min(1420px,calc(100% - 36px));margin:auto;padding:24px 0 50px;position:relative}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:42px}.brand{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:42px;height:42px;border:1px solid #3dd7e566;border-radius:12px;background:#0f2639;color:var(--cyan);font-size:20px;font-weight:800}.brand strong{display:block;font-size:16px}.brand small{color:var(--muted);font-size:9px;letter-spacing:1.8px}.status{display:flex;align-items:center;gap:9px;color:#a7bbce;font-size:12px}.dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}.panel{background:linear-gradient(145deg,#101e30df,#0b1625e8);border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px #0004}.login{width:min(560px,100%);margin:8vh auto 0;padding:42px}.eyebrow{color:var(--cyan);font-size:10px;font-weight:700;letter-spacing:2px;margin:0 0 8px}h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin:0 0 17px;letter-spacing:-2px}h1 span{color:#7893ae}h2{margin:0;font-size:20px}.lead,.muted{color:var(--muted)}label{display:block;color:#9eb0c3;font-size:12px;margin-top:18px}input{display:block;width:100%;margin-top:7px;padding:13px 14px;border:1px solid #2b4059;border-radius:10px;background:#071322;color:var(--text);outline:none}input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #36d7e814}button{border:0;border-radius:10px;padding:12px 17px;background:linear-gradient(120deg,#20bcd1,#2dd8a1);color:#031118;font-weight:800;cursor:pointer;margin-top:22px}button:hover{filter:brightness(1.08)}.error{color:#ff8f9a;min-height:20px}.hidden{display:none}.hero-row,.panel-title{display:flex;justify-content:space-between;align-items:center}.hero-row h1{font-size:40px;margin-bottom:5px}.actions{display:flex;gap:9px}.actions button{margin:0}.secondary{background:#15283c;color:var(--text);border:1px solid #2a425d}.ghost{background:transparent;color:#91a5ba;border:1px solid #263a52}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:28px 0}.metric{padding:20px;border:1px solid var(--line);border-radius:15px;background:#0b1725aa}.metric small,.metric>span{display:block;color:var(--muted);font-size:10px;letter-spacing:1px}.metric strong{display:block;font-size:27px;margin:8px 0 3px}.metric i{font-style:normal;font-size:12px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:15px}.content-grid .panel,.table-card{padding:22px}.pill{padding:5px 10px;background:#113329;color:var(--green);border-radius:20px;font-size:11px}#routeCanvas{width:100%;height:260px;margin-top:16px;border-radius:12px;background:#081321}.coordinates{display:flex;justify-content:space-between;color:var(--muted);font:11px "Cascadia Mono",monospace;margin-top:10px}dl{margin:24px 0 0}dt{color:var(--muted);font-size:10px;letter-spacing:1px;margin-top:16px}dd{margin:3px 0;font-family:"Cascadia Mono",monospace;overflow-wrap:anywhere}.table-card{margin-top:15px}.table-wrap{overflow:auto;margin-top:17px}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:var(--muted);font-size:10px;letter-spacing:1px;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #18283b;font-family:"Cascadia Mono",monospace;font-size:12px}@media(max-width:900px){.metrics{grid-template-columns:repeat(2,1fr)}.content-grid{grid-template-columns:1fr}}@media(max-width:560px){header{align-items:flex-start;gap:20px}.status{display:none}.shell{width:min(100% - 20px,1420px)}.login{padding:26px}.metrics{grid-template-columns:1fr}.hero-row{align-items:flex-end}.hero-row h1{font-size:32px}.coordinates{flex-direction:column;gap:4px}}