:root{color-scheme:dark;--ink:#071522;--panel:#0c2234;--panel2:#102c42;--line:#1e455f;--text:#e9f4f8;--muted:#8cabba;--cyan:#24d7ed;--blue:#2785d8;--green:#35dfa7;--amber:#ffd34e;--red:#ff526d;--shadow:0 24px 70px rgba(0,0,0,.38)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--ink);color:var(--text)}button,input,select{font:inherit}button,a{transition:.18s ease}.eyebrow{margin:0 0 10px;color:#b8cad3;font-size:.72rem;font-weight:800;letter-spacing:.16em}.cyan{color:var(--cyan)}.brand-mark{display:inline-flex;align-items:center;position:relative;color:#fff;font-size:2rem;font-weight:900;letter-spacing:-.05em;text-decoration:none}.brand-mark span{color:var(--cyan)}.brand-mark i{width:9px;height:9px;margin-left:6px;border-radius:50%;background:var(--red);box-shadow:0 0 16px var(--red)}
.login-page{min-height:100vh;background:radial-gradient(circle at 19% 40%,rgba(28,174,204,.20),transparent 32%),linear-gradient(135deg,#06111c,#0a1b2a 55%,#07131f)}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:7vw;align-items:center;padding:7vw}.login-brand{position:relative;max-width:750px}.login-brand h1{font-size:clamp(2.7rem,5.2vw,6rem);line-height:.98;letter-spacing:-.055em;margin:.45em 0 .3em}.lead{color:var(--muted);font-size:clamp(1rem,1.4vw,1.3rem);max-width:590px;line-height:1.7}.signal-art{height:210px;margin-top:35px;position:relative;overflow:hidden}.signal-art b{position:absolute;left:8%;bottom:-150px;border:1px solid rgba(36,215,237,.34);border-radius:50%;width:260px;height:260px}.signal-art b:nth-child(2){width:380px;height:380px;left:0;bottom:-210px}.signal-art b:nth-child(3){width:520px;height:520px;left:-7%;bottom:-280px}.signal-art b:nth-child(4){width:690px;height:690px;left:-16%;bottom:-370px}.signal-art span{position:absolute;left:calc(8% + 122px);bottom:18px;width:16px;height:16px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 13px rgba(36,215,237,.12),0 0 35px var(--cyan)}.login-card{width:min(100%,480px);justify-self:end;background:linear-gradient(155deg,rgba(17,47,70,.97),rgba(9,28,43,.98));border:1px solid var(--line);border-radius:22px;padding:clamp(28px,4vw,52px);box-shadow:var(--shadow)}.login-card h2{font-size:2rem;margin:0 0 8px}.login-card>p:not(.eyebrow){color:var(--muted);margin:0 0 30px}.login-card label{display:block;color:#bdd0d8;font-size:.8rem;font-weight:700;margin:18px 0 7px}.login-card input,.search-row input,.replay-panel input,.replay-panel select{width:100%;background:#071725;color:var(--text);border:1px solid #26516c;border-radius:9px;padding:13px 14px;outline:none}.login-card input:focus,.search-row input:focus,.replay-panel input:focus,.replay-panel select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(36,215,237,.12)}.login-card button,.replay-panel button{width:100%;border:1px solid var(--cyan);border-radius:9px;background:linear-gradient(120deg,#1287a5,#12b8c3);color:white;font-weight:800;padding:14px;margin-top:25px;cursor:pointer}.login-card button:hover,.replay-panel button:hover{filter:brightness(1.13)}.login-card small{display:block;color:#688899;text-align:center;margin-top:22px}.alert{padding:11px 13px;border-radius:8px;font-size:.85rem}.alert.error{color:#ffc5cd;background:rgba(255,82,109,.12);border:1px solid rgba(255,82,109,.4)}
.app-page{height:100vh;overflow:hidden}.topbar{height:70px;display:flex;align-items:center;padding:0 22px;border-bottom:1px solid var(--line);background:#071725}.compact{font-size:1.55rem}.topbar nav{display:flex;align-self:stretch;margin-left:40px}.nav-tab{border:0;border-bottom:3px solid transparent;color:var(--muted);background:transparent;padding:0 22px;font-weight:800;cursor:pointer}.nav-tab:hover,.nav-tab.active{color:#fff;border-bottom-color:var(--cyan)}.user{margin-left:auto;display:flex;align-items:center;gap:18px;color:#cbdce3;font-size:.85rem}.user a{color:var(--cyan);text-decoration:none}.fleet-layout{height:calc(100vh - 70px);display:grid;grid-template-columns:360px 1fr}.fleet-panel{min-width:0;background:#091b2a;border-right:1px solid var(--line);padding:22px;overflow:auto}.panel-title{display:flex;align-items:start;justify-content:space-between}.panel-title h1{margin:0;font-size:1.45rem}.status-pill{padding:6px 9px;border:1px solid rgba(53,223,167,.45);border-radius:99px;color:var(--green);font-size:.72rem;font-weight:800}.search-row{display:grid;grid-template-columns:1fr auto;gap:8px;margin:18px 0}.search-row input{padding:10px 12px}.search-row button{border:1px solid var(--line);background:var(--panel2);color:var(--text);border-radius:8px;padding:0 13px;cursor:pointer}.vehicle-list{display:grid;gap:9px}.vehicle-card{width:100%;text-align:left;border:1px solid #183c54;background:#0c2334;color:var(--text);border-radius:11px;padding:13px;cursor:pointer}.vehicle-card:hover,.vehicle-card.selected{border-color:var(--cyan);background:#102b40}.vehicle-card .row{display:flex;justify-content:space-between;gap:10px;align-items:center}.vehicle-card strong{font-size:.9rem}.vehicle-card small{color:var(--muted)}.vehicle-card .metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;color:#aac2cc;font-size:.7rem}.vehicle-card .metrics b{display:block;color:#fff;font-size:.84rem}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:6px}.dot.ok,.map-legend .ok{background:var(--green)}.dot.warn,.map-legend .warn{background:var(--amber)}.dot.off,.map-legend .off{background:var(--red)}.empty{padding:30px 5px;color:var(--muted);text-align:center}.map-panel{position:relative;min-width:0}.map-panel #map{position:absolute;inset:0;background:#07131f}.map-message{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 17px;border-radius:9px;background:rgba(7,21,34,.92);border:1px solid var(--line);color:#bcd0d9}.map-legend{position:absolute;z-index:3;right:15px;bottom:15px;display:flex;gap:14px;background:rgba(7,21,34,.9);padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:.7rem}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.machine-marker{position:relative;width:48px;height:62px;transform:rotate(var(--heading));transform-origin:50% 50%;filter:drop-shadow(0 5px 7px rgba(0,0,0,.6))}.machine-marker .body{position:absolute;inset:8px 10px 3px;border:2px solid #07131f;border-radius:7px;background:var(--vehicle-color)}.machine-marker .cab{position:absolute;left:15px;right:15px;top:12px;height:14px;border-radius:3px;background:#c8f2f7;border:2px solid #07131f}.machine-marker .nose{position:absolute;top:0;left:19px;width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid var(--vehicle-color)}.machine-marker::after{content:"";position:absolute;left:19px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--vehicle-color);box-shadow:0 0 0 4px rgba(255,255,255,.18)}.replay-panel{position:absolute;z-index:5;left:15px;right:15px;bottom:15px;background:rgba(7,21,34,.96);border:1px solid var(--line);border-radius:12px;padding:13px;box-shadow:var(--shadow)}.replay-fields{display:grid;grid-template-columns:1fr 1.2fr 1.2fr 120px;gap:9px;align-items:end}.replay-panel label{font-size:.68rem;color:var(--muted);font-weight:700}.replay-panel input,.replay-panel select{margin-top:5px;padding:8px}.replay-panel button{margin:0;padding:9px}.transport{display:grid;grid-template-columns:90px 1fr minmax(150px,auto) 90px 80px;gap:10px;align-items:center;margin-top:11px}.transport output{font-size:.72rem;color:#c9dce4}.transport .check{display:flex;align-items:center;gap:4px}.transport .check input{width:auto;margin:0}.transport input[type=range]{padding:0}.transport button:disabled{opacity:.45;cursor:not-allowed}.gm-style .gm-style-iw-c{background:#0b2233!important;color:#e9f4f8!important}.gm-style .gm-style-iw-d{overflow:auto!important}.info-window h3{margin:0 0 7px}.info-window dl{display:grid;grid-template-columns:auto auto;gap:3px 15px;margin:0;font-size:.78rem}.info-window dt{color:#8cabba}.info-window dd{margin:0;text-align:right}
@media(max-width:850px){.login-shell{grid-template-columns:1fr;padding:28px}.login-brand{display:none}.login-card{justify-self:center}.fleet-layout{grid-template-columns:280px 1fr}.replay-fields{grid-template-columns:1fr 1fr}.transport{grid-template-columns:80px 1fr}.transport output,.transport label{display:none}}@media(max-width:620px){.topbar nav{margin-left:15px}.nav-tab{padding:0 8px}.user span{display:none}.fleet-layout{grid-template-columns:1fr}.fleet-panel{position:absolute;z-index:8;top:70px;left:0;width:270px;height:calc(100vh - 70px);transform:translateX(-100%)}.map-panel{height:100%}}