:root{--bg:#05090d;--bg2:#0a1219;--panel:#0f1b24;--panel2:#132633;--line:#203b4b;--text:#edf8ff;--muted:#88a7b9;--accent:#20d4ff;--accent2:#8bf3ff;--good:#52e49a;--bad:#ff6574;--warn:#ffc95e;--purple:#b68cff}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Arial;background:radial-gradient(circle at 85% -10%,#15364a 0,#071019 38%,#05090d 75%);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.app{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,#07121b,#050a0f);border-right:1px solid var(--line);padding:22px 15px;position:sticky;top:0;height:100vh;overflow:auto}.brand{font-size:23px;font-weight:950;letter-spacing:.4px;color:var(--accent);margin-bottom:16px}.brand .truck{filter:drop-shadow(0 0 8px #20d4ff88)}.brand span:not(.truck){display:block;font-size:12px;color:var(--muted);margin-left:34px}.userbox{padding:11px 12px;border:1px solid #1d3545;background:#0a1822;border-radius:12px;margin:0 0 16px}.userbox small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.7px}nav{display:grid;gap:7px}nav a{padding:10px 12px;border-radius:10px;color:#cde8f5;border:1px solid transparent}nav a:hover{background:#112635;border-color:#24485d;color:#fff}.main{padding:28px;max-width:1700px;width:100%;overflow:auto}.topbar{display:flex;justify-content:space-between;align-items:end;margin-bottom:20px}.topbar h1{margin:0;font-size:30px}.eyebrow{font-size:12px;color:var(--accent);text-transform:uppercase;letter-spacing:1.4px;font-weight:800}.hero{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;padding:22px;background:linear-gradient(135deg,#102a3a,#0e1822 60%);border:1px solid #25536a;border-radius:18px}.hero h2{margin:0 0 4px;font-size:26px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{background:linear-gradient(180deg,#10212d,#0b171f);border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 14px 32px #0004}.card h2,.card h3{margin-top:0}.kpi .value{font-size:29px;font-weight:950;margin-top:6px}.muted{color:var(--muted)}.good{color:var(--good)}.bad{color:var(--bad)}.warn{color:var(--warn)}.purple{color:var(--purple)}table{width:100%;border-collapse:collapse;background:#09151d;border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:12px 0 22px}th,td{text-align:left;padding:10px 11px;border-bottom:1px solid #173141;vertical-align:top}th{color:#b5d4e4;background:#102532;font-size:13px}tr:hover td{background:#0e202b}.btn{display:inline-block;border:0;border-radius:10px;padding:10px 14px;background:linear-gradient(180deg,#35dcff,#15b7df);color:#001219;font-weight:900;cursor:pointer}.btn.secondary{background:#1a3546;color:#e3f7ff;border:1px solid #2b536a}.btn.good{background:var(--good);color:#052016}.btn.warn{background:var(--warn);color:#261b00}.btn.danger{background:var(--bad);color:white}.btn.small{padding:6px 9px;font-size:12px}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:grid;gap:6px;color:#bfd9e7;font-weight:650}input,select,textarea{width:100%;padding:11px 12px;border-radius:9px;border:1px solid #284b60;background:#07131c;color:white;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #20d4ff18}textarea{min-height:90px}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#19384b;color:#c9efff;font-size:12px;font-weight:800}.badge.good{background:#123b2b}.badge.bad{background:#4b1d25}.badge.warn{background:#493b15}.rank{font-weight:950;color:var(--warn)}.notice{padding:12px 14px;border:1px solid #24647d;border-radius:11px;background:#0d2a38;margin-bottom:14px}.notice.ok{border-color:#236648}.notice.bad{border-color:#78323d}.notice.warn{border-color:#725c22}.section-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px}.status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--bad);margin-right:6px}.status-dot.online{background:var(--good);box-shadow:0 0 8px #52e49a}.metric{font-size:12px;color:var(--muted)}.live-card{position:relative}.live-card:before{content:"LIVE";position:absolute;right:14px;top:13px;font-size:10px;font-weight:900;color:var(--good);letter-spacing:1px}.footer{color:#557589;font-size:12px;margin-top:35px;padding:18px 0;border-top:1px solid #17303e}.empty{padding:24px;text-align:center;color:var(--muted);border:1px dashed #2a4b5c;border-radius:12px}.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#07131b;border:1px solid #234353;padding:10px;border-radius:8px;word-break:break-all}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.permission{padding:10px;border:1px solid #203d4f;border-radius:10px;background:#0a1821}.right{text-align:right}.nowrap{white-space:nowrap}@media(max-width:1100px){.grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}.app{grid-template-columns:220px 1fr}}@media(max-width:820px){.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.main{padding:16px}.grid,.grid-3,.grid-2{grid-template-columns:1fr}.form-grid,.form-grid.three,.permission-grid{grid-template-columns:1fr}nav{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){nav{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}table{display:block;overflow-x:auto}}

.badge.pass,.badge.approved{background:#123b2b;color:#8ff0bd}.badge.fail,.badge.rejected{background:#4b1d25;color:#ff9da7}.badge.pending{background:#493b15;color:#ffe09a}.badge.warn{background:#493b15;color:#ffe09a}

/* V2.1 AUTO: compact automatic telemetry status instead of manual input boxes */
.auto-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-weight:800;white-space:nowrap;background:rgba(255,255,255,.05)}
.telemetry-strip{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:14px 16px;border-radius:20px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.09)}
.telemetry-strip .item{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.055)}


/* V2.3 BUSINESS */
.asset-features{display:flex;flex-wrap:wrap;gap:10px}.asset-features span{padding:9px 12px;border:1px solid var(--line);border-radius:999px;background:#0a1922;color:#cfeaf6}.value{font-weight:900}.purchase-ok{border-color:#2b704f}.purchase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media(max-width:820px){.purchase-grid{grid-template-columns:1fr}}

/* V2.4 LIVE Fahrerkarte */
.live-map-layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(320px,.8fr);gap:16px;align-items:start}.live-map-card{padding:12px}.live-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:6px 6px 12px}#driverMap{width:100%;height:clamp(480px,62vh,760px);display:block;border:1px solid #24485d;border-radius:14px;background:#07131b}.driver-live-list{display:grid;gap:10px;max-height:74vh;overflow:auto}.driver-live-row{padding:12px;border:1px solid #263a46;border-radius:12px;background:#09141b;opacity:.72}.driver-live-row.is-online{border-color:#236648;background:#0b1d19;opacity:1}.driver-live-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:5px}.driver-live-head strong{color:var(--accent2)}
@media(max-width:1100px){.live-map-layout{grid-template-columns:1fr}.driver-live-list{max-height:none}}


/* V2.5 SERVER & CLIENT SETUP */
.copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.inline-code{display:inline-block;padding:4px 7px}.setup-check{border-width:1px}.setup-check.setup-ok{border-color:#236648}.setup-check.setup-bad{border-color:#725c22}.setup-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.setup-steps>div{padding:14px;border:1px solid var(--line);border-radius:12px;background:#091820}.setup-steps b,.setup-steps span{display:block}.setup-steps span{color:var(--muted);margin-top:4px}.setup-highlight{margin-bottom:16px;border-color:#2f657f}
@media(max-width:820px){.copy-row,.setup-steps{grid-template-columns:1fr}}