:root{color-scheme:dark;--bg:#071012;--sidebar:#091416;--surface:#0d191c;--surface-2:#112125;--line:rgba(215,238,235,.11);--line-2:rgba(215,238,235,.2);--text:#f3f8f6;--muted:#8fa3a2;--green:#a2ff68;--green-2:#69ed8c;--cyan:#2ad8e8;--danger:#ff7c78;--warning:#ffcc66;--content:112rem;--shadow:0 18px 60px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}a{color:inherit}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100svh;display:grid;grid-template-columns:17.5rem minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;padding:1.55rem 1.15rem;border-right:1px solid var(--line);background:var(--sidebar)}.brand-lockup{display:flex;align-items:center;gap:.8rem;color:var(--text);text-decoration:none}.brand-lockup>span:last-child{display:grid}.brand-lockup strong{font-size:.95rem;letter-spacing:.18em}.brand-lockup small{margin-top:.28rem;color:var(--green);font-size:.55rem;font-weight:800;letter-spacing:.24em}.battery-logo{position:relative;width:2.85rem;height:1.55rem;display:flex;align-items:center;gap:2px;padding:4px;border:2px solid #edf5f2;border-radius:.3rem}.battery-logo:after{content:"";position:absolute;right:-6px;width:4px;height:.65rem;border-radius:0 2px 2px 0;background:#edf5f2}.battery-logo i{flex:1;height:100%;border-radius:1px;background:var(--green)}.battery-logo i:nth-child(4),.battery-logo i:nth-child(5){opacity:.16}.main-nav{display:grid;gap:.35rem;margin-top:3rem}.main-nav a{min-height:2.85rem;display:flex;align-items:center;gap:.8rem;padding:0 .8rem;border:1px solid transparent;border-radius:.45rem;color:#a9b9b7;font-size:.82rem;font-weight:670;text-decoration:none}.main-nav a span{width:1.65rem;height:1.65rem;display:grid;place-items:center;border:1px solid var(--line);border-radius:.35rem;font-size:.72rem}.main-nav a:hover{color:var(--text);background:rgba(255,255,255,.025)}.main-nav a.active{border-color:rgba(162,255,104,.2);background:rgba(162,255,104,.09);color:var(--text)}.main-nav a.active span{border-color:var(--green);color:var(--green)}.sidebar-bottom{display:grid;gap:.5rem;margin-top:auto;padding:.9rem .8rem 0;border-top:1px solid var(--line)}.sidebar-bottom a{color:var(--muted);font-size:.78rem;text-decoration:none}.workspace{min-width:0;padding:clamp(1.2rem,3vw,2.7rem)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin:0 auto 1.7rem;max-width:var(--content)}.eyebrow{margin:0 0 .55rem;color:var(--green);font-size:.62rem;font-weight:830;letter-spacing:.16em;text-transform:uppercase}.topbar h1{margin:0;font-size:clamp(1.7rem,3.2vw,2.55rem);font-weight:650;letter-spacing:-.045em}.topbar-actions{display:flex;align-items:center;gap:.75rem}.status-pill{display:inline-flex;align-items:center;gap:.5rem;min-height:2.35rem;padding:0 .85rem;border:1px solid rgba(162,255,104,.22);border-radius:999px;background:rgba(162,255,104,.07);color:#dfffd0;font-size:.68rem;font-weight:760}.status-pill i{width:.42rem;aspect-ratio:1;border-radius:50%;background:var(--green);box-shadow:0 0 0 .28rem rgba(162,255,104,.1)}.icon-btn,.avatar{width:2.35rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text)}.avatar{border-color:rgba(42,216,232,.35);color:var(--cyan);font-size:.75rem;font-weight:800}.demo-banner,.alert{max-width:var(--content);margin:0 auto 1.1rem;padding:.85rem 1rem;border:1px solid rgba(255,204,102,.22);border-radius:.45rem;background:rgba(255,204,102,.07);color:#ecdcb6;font-size:.75rem}.demo-banner{display:flex;align-items:center;gap:.8rem}.demo-banner strong{color:var(--warning)}.demo-banner a{margin-left:auto;font-weight:760}.alert-success{border-color:rgba(162,255,104,.25);background:rgba(162,255,104,.08);color:#dcffca}.alert-error{border-color:rgba(255,124,120,.3);background:rgba(255,124,120,.08);color:#ffd3d1}.metrics-grid{max-width:var(--content);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.8rem;margin:0 auto 1rem}.metric{min-width:0;padding:1.15rem;border:1px solid var(--line);border-radius:.55rem;background:linear-gradient(145deg,rgba(255,255,255,.025),transparent),var(--surface)}.metric.featured{border-color:rgba(162,255,104,.27);background:linear-gradient(145deg,rgba(162,255,104,.1),rgba(42,216,232,.025)),var(--surface)}.metric>span{display:block;color:var(--muted);font-size:.68rem;font-weight:680}.metric>strong{display:block;margin:.65rem 0 .45rem;font-size:clamp(1.45rem,2.6vw,2.15rem);font-weight:660;letter-spacing:-.055em}.metric>small{display:block;color:#738886;font-size:.62rem;line-height:1.35}.dashboard-grid{max-width:var(--content);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:auto}.panel{min-width:0;padding:1.25rem;border:1px solid var(--line);border-radius:.6rem;background:var(--surface);box-shadow:var(--shadow)}.panel.wide{grid-column:1/-1}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.panel-head h2{margin:0;font-size:1.05rem;letter-spacing:-.025em}.panel-head>a{color:var(--green);font-size:.69rem;font-weight:760;text-decoration:none}.occupancy-content{display:grid;grid-template-columns:9.5rem 1fr;align-items:center;gap:2rem}.occupancy-ring{--value:0;width:8.5rem;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--green) calc(var(--value)*1%),rgba(255,255,255,.065) 0);position:relative}.occupancy-ring:before{content:"";position:absolute;inset:.8rem;border-radius:50%;background:var(--surface)}.occupancy-ring span{position:relative;display:grid;text-align:center}.occupancy-ring strong{font-size:2rem}.occupancy-ring small{color:var(--muted);font-size:.62rem}.legend{display:grid;gap:.85rem}.legend span{display:grid;grid-template-columns:.55rem 1fr auto;align-items:center;gap:.55rem;color:var(--muted);font-size:.72rem}.legend i{width:.5rem;aspect-ratio:1;border-radius:50%;background:#354446}.legend i.green{background:var(--green)}.legend i.cyan{background:var(--cyan)}.legend strong{color:var(--text)}.quick-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.quick-grid a{display:grid;grid-template-columns:2.15rem 1fr;column-gap:.75rem;align-items:center;padding:.85rem;border:1px solid var(--line);border-radius:.45rem;background:rgba(255,255,255,.018);text-decoration:none}.quick-grid a:hover{border-color:rgba(162,255,104,.35);background:rgba(162,255,104,.04)}.quick-grid a>span{grid-row:1/3;width:2.15rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:.4rem;color:var(--green);font-size:.75rem}.quick-grid strong{font-size:.75rem}.quick-grid small{margin-top:.2rem;color:var(--muted);font-size:.61rem}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;white-space:nowrap}.table-wrap th,.table-wrap td;padding:.75rem .7rem;border-top:1px solid var(--line);text-align:left;font-size:.7rem}.table-wrap th{color:#748986;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase}.plate{display:inline-flex;padding:.3rem .45rem;border:1px solid var(--line-2);border-radius:.25rem;letter-spacing:.08em}.stack-list{display:grid}.stack-item{display:grid;grid-template-columns:2.15rem 1fr auto;align-items:center;gap:.75rem;padding:.75rem 0;border-top:1px solid var(--line)}.service-dot{width:2.15rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line);border-radius:.4rem;color:var(--muted);font-size:.75rem}.service-dot.live{border-color:rgba(162,255,104,.3);color:var(--green)}.stack-item>div{display:grid;gap:.28rem}.stack-item strong{font-size:.72rem}.stack-item small{color:var(--muted);font-size:.61rem}.tag{padding:.32rem .48rem;border-radius:999px;background:rgba(255,255,255,.05);color:var(--muted);font-size:.55rem;font-weight:760}.tag-live{background:rgba(162,255,104,.09);color:var(--green)}.login-body{min-height:100svh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at 20% 20%,rgba(42,216,232,.09),transparent 32%),radial-gradient(circle at 70% 80%,rgba(162,255,104,.08),transparent 33%),var(--bg)}.login-shell{width:min(100%,68rem);min-height:38rem;display:grid;grid-template-columns:1.15fr .85fr;border:1px solid var(--line);border-radius:.85rem;overflow:hidden;background:var(--surface);box-shadow:0 2rem 7rem rgba(0,0,0,.42)}.login-brand{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,4rem);background:linear-gradient(145deg,rgba(162,255,104,.08),transparent 50%),linear-gradient(20deg,rgba(42,216,232,.08),transparent 55%),#081416}.login-brand h1{margin:0;font-size:clamp(2.5rem,5vw,4.7rem);line-height:.95;letter-spacing:-.065em}.login-brand h1 em{color:transparent;background:linear-gradient(100deg,var(--green),var(--cyan));-webkit-background-clip:text;background-clip:text;font-style:normal}.login-brand p:not(.eyebrow){max-width:30rem;color:var(--muted);line-height:1.65}.secure-note{color:#78908d;font-size:.66rem}.login-card{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,5vw,4rem);background:#0c171a}.login-card h2{margin:0;font-size:2rem;letter-spacing:-.045em}.login-card>div>p:not(.eyebrow){color:var(--muted);font-size:.8rem}.login-card form{display:grid;gap:1.1rem;margin-top:1.7rem}.login-card label{display:grid;gap:.5rem;color:#afbfbd;font-size:.7rem;font-weight:700}.login-card input{width:100%;min-height:3.2rem;padding:0 .9rem;border:1px solid var(--line-2);border-radius:.4rem;outline:none;background:#081215;color:var(--text)}.login-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(162,255,104,.08)}.btn{min-height:3rem;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:0 1rem;border:1px solid var(--line-2);border-radius:.4rem;background:var(--surface-2);color:var(--text);font-size:.76rem;font-weight:780;cursor:pointer}.btn-primary{border:0;background:linear-gradient(100deg,var(--green),var(--cyan));color:#061012}.btn-primary span{margin-left:auto}.login-help{margin:1.3rem 0 0;color:#607673!important;font-size:.65rem!important;line-height:1.5}
@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.app-shell{grid-template-columns:15.5rem minmax(0,1fr)}}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:static;width:100%;height:auto;display:block;padding:1rem}.main-nav{display:flex;overflow:auto;margin:1.1rem 0 0;padding-bottom:.2rem}.main-nav a{flex:0 0 auto}.sidebar-bottom{display:none}.workspace{padding:1rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.panel.wide{grid-column:auto}.login-shell{grid-template-columns:1fr}.login-brand{min-height:24rem}.login-card{min-height:28rem}}
@media(max-width:560px){.topbar{align-items:flex-start}.topbar-actions .status-pill,.icon-btn{display:none}.demo-banner{align-items:flex-start;flex-wrap:wrap}.demo-banner a{margin-left:0}.metrics-grid{grid-template-columns:1fr 1fr}.metric:first-child{grid-column:1/-1}.occupancy-content{grid-template-columns:1fr}.occupancy-ring{margin:auto}.quick-grid{grid-template-columns:1fr}.login-body{padding:0}.login-shell{border:0;border-radius:0}.login-brand{min-height:20rem}.login-brand .secure-note{display:none}}
.module-grid{max-width:var(--content);display:grid;grid-template-columns:minmax(19rem,.72fr) minmax(19rem,1.28fr);gap:1rem;margin:auto}.module-grid.single{grid-template-columns:1fr}.module-grid>.wide{grid-column:1/-1}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-grid label{display:grid;gap:.48rem;color:#9fb0ae;font-size:.67rem;font-weight:720}.form-grid input,.form-grid select{width:100%;min-height:2.85rem;padding:0 .8rem;border:1px solid var(--line-2);border-radius:.38rem;outline:none;background:#081215;color:var(--text)}.form-grid input:focus,.form-grid select:focus{border-color:var(--green);box-shadow:0 0 0 3px rgba(162,255,104,.07)}.form-grid .full{grid-column:1/-1}.summary-panel,.pricing-panel,.flow-panel{display:flex;flex-direction:column;justify-content:center}.summary-panel h2,.pricing-panel h2,.flow-panel h2,.module-grid .panel>h2{margin:.25rem 0;font-size:clamp(1.4rem,3vw,2.2rem);letter-spacing:-.045em}.summary-panel>strong{margin:1.2rem 0 .35rem;color:var(--green);font-size:2.5rem}.summary-panel p,.pricing-panel p,.flow-panel p,.section-copy,.access-visual p{color:var(--muted);font-size:.75rem;line-height:1.65}.mini-btn{min-height:2rem;padding:0 .65rem;border:1px solid rgba(162,255,104,.25);border-radius:.3rem;background:rgba(162,255,104,.07);color:var(--green);font-size:.61rem;font-weight:760;cursor:pointer}.inline-form{display:flex;gap:.45rem;align-items:center}.inline-form input{width:5rem;min-height:2rem;padding:0 .5rem;border:1px solid var(--line-2);border-radius:.3rem;background:#081215;color:var(--text)}.price-line{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--line);color:var(--muted);font-size:.75rem}.price-line strong{color:var(--green)}.flow{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:1.4rem 0}.flow span{width:6rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:50%;color:var(--green);font-size:1.1rem}.flow span strong{display:block;color:var(--text);font-size:.6rem}.flow i{color:var(--muted);font-style:normal}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.kanban>section{min-height:18rem;padding:.7rem;border:1px solid var(--line);border-radius:.45rem;background:#091416}.kanban>section>header{padding:.4rem .25rem .8rem;color:var(--muted);font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.job-card{margin-top:.6rem;padding:.85rem;border:1px solid var(--line);border-radius:.4rem;background:var(--surface)}.job-card>div{display:flex;justify-content:space-between;gap:.7rem}.job-card h3{margin:.9rem 0 .35rem;font-size:.75rem}.job-card p{margin:0 0 .85rem;color:var(--muted);font-size:.62rem}.fleet-summary>strong{display:block;color:var(--green);font-size:4rem;line-height:1}.fleet-summary>span{display:block;margin:.4rem 0;color:var(--muted)}.fleet-summary p{color:var(--muted);font-size:.75rem;line-height:1.6}.fleet-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.fleet-grid>article{padding:1rem;border:1px solid var(--line);border-radius:.5rem;background:#091416}.fleet-grid h3{margin:1rem 0 .6rem}.fleet-grid p{margin:.5rem 0}.fleet-grid>article>div:last-child{display:flex;justify-content:space-between;gap:1rem;margin-top:1.1rem;padding-top:.8rem;border-top:1px solid var(--line);color:var(--muted);font-size:.65rem}.fleet-grid>article>div:last-child strong{color:var(--green)}.vehicle-mark{width:3.2rem;aspect-ratio:1;display:grid;place-items:center;margin-top:1rem;border:1px solid rgba(42,216,232,.3);border-radius:.5rem;color:var(--cyan);font-weight:850}.empty-cell{padding:2rem!important;text-align:center!important;color:var(--muted)}.safety-note{margin-bottom:1rem;padding:.8rem;border-left:3px solid var(--warning);background:rgba(255,204,102,.06);color:#d8caa9;font-size:.68rem;line-height:1.5}.access-visual{display:grid;grid-template-columns:5rem 1fr;align-items:center;gap:1.3rem}.gate-icon{width:5rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(42,216,232,.28);border-radius:50%;color:var(--cyan);font-size:2rem}.access-visual h2{margin:.2rem 0}.access-visual strong{display:inline-flex;align-items:center;gap:.5rem;color:var(--warning);font-size:.68rem}.access-visual strong i{width:.45rem;aspect-ratio:1;border-radius:50%;background:var(--warning)}.settings-panel{max-width:70rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:1rem;border:1px solid var(--line);border-radius:.45rem}.settings-grid legend{padding:0 .45rem;color:var(--green);font-size:.68rem;font-weight:780}.toggle{display:flex!important;grid-column:1/-1;align-items:center;grid-template-columns:1.3rem 1fr!important}.toggle input{width:1.1rem!important;min-height:auto!important;accent-color:var(--green)}.account-grid{max-width:46rem}.account-card{display:flex;align-items:center;gap:1rem}.account-avatar{width:4rem;aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(42,216,232,.3);border-radius:50%;color:var(--cyan);font-size:1.5rem;font-weight:850}.account-card h2{margin:0}.account-card p:not(.eyebrow){margin:.35rem 0 0;color:var(--muted);font-size:.75rem}
@media(max-width:1000px){.module-grid{grid-template-columns:1fr}.module-grid>.wide{grid-column:auto}.fleet-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.form-grid,.settings-grid,.settings-grid fieldset{grid-template-columns:1fr}.form-grid .full,.settings-grid fieldset{grid-column:auto}.kanban,.fleet-grid{grid-template-columns:1fr}.flow{align-items:flex-start}.flow span{width:4.7rem}.inline-form{min-width:10rem}}