:root{--bg:#07060b;--bg2:#0b0a12;--panel: rgba(255,255,255,.06);--panel2: rgba(255,255,255,.1);--line: rgba(255,255,255,.12);--text: rgba(255,255,255,.92);--muted: rgba(255,255,255,.62);--muted2: rgba(255,255,255,.42);--ink: #0c0a12;--mint:#77f9cc;--violet:#9aa9ff;--amber:#ffd26f;--danger:#ff6b7d;--shadow: 0 22px 70px rgba(0,0,0,.55);--radius: 22px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 600px at 18% 20%,rgba(119,249,204,.16),transparent 55%),radial-gradient(820px 520px at 86% 8%,rgba(154,169,255,.14),transparent 55%),radial-gradient(900px 520px at 60% 96%,rgba(255,210,111,.1),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2));font-family:IBM Plex Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}button,input{font:inherit}.app{max-width:1180px;margin:0 auto;padding:26px 16px 74px}.top{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:16px}.brand{display:flex;align-items:center;gap:12px}.mark{width:44px;height:44px;border-radius:16px;background:radial-gradient(12px 12px at 30% 28%,rgba(255,255,255,.38),transparent 60%),linear-gradient(135deg,#77f9ccf2,#9aa9fff2);box-shadow:0 18px 60px #77f9cc1a;border:1px solid rgba(255,255,255,.12)}.brandText .kicker{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:var(--muted)}.brandText .title{font-family:Fraunces,serif;font-size:18px;letter-spacing:.01em}.hud{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.hudCard{padding:10px 12px;border-radius:999px;border:1px solid var(--line);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 40px #00000040}.hudLabel{font-size:11px;color:var(--muted2);letter-spacing:.14em;text-transform:uppercase}.hudValue{margin-top:4px;font-size:13px;font-weight:600}.layout{display:grid;grid-template-columns:340px 1fr;gap:14px;align-items:start}@media(max-width:980px){.layout{grid-template-columns:1fr}.top{align-items:flex-start;flex-direction:column}}.sidebar{position:sticky;top:14px}@media(max-width:980px){.sidebar{position:static}}.panel{border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#ffffff0f,#ffffff08);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.panelHead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 12px}.panelKicker{font-size:11px;color:var(--muted2);letter-spacing:.16em;text-transform:uppercase}.panelTitle{font-family:Fraunces,serif;font-size:18px;margin-top:2px}.panelFoot{padding:12px 16px 16px;color:var(--muted);font-size:12px;line-height:1.6}.main{display:flex;flex-direction:column;gap:14px}.vehicleList{padding:0 10px 10px;display:flex;flex-direction:column;gap:8px}.vehicle{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a}.vehicle.active{border-color:#77f9cc66;background:linear-gradient(180deg,#77f9cc1a,#ffffff08)}.vehicleBtn{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;background:transparent;border:none;color:inherit;padding:0;margin:0;cursor:pointer;text-align:left}.vehicleName{font-weight:600}.vehicleMeta{color:var(--muted);font-size:12px}.icon{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;cursor:pointer}.addVehicle{padding:12px 16px 16px;display:flex;gap:10px;align-items:center}.inlineEdit{padding:0 16px 12px;display:grid;gap:10px}.rowBtns{display:flex;gap:10px}input{width:100%;padding:12px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:#0a09108c;color:var(--text);outline:none}input::placeholder{color:#ffffff57}label{font-size:12px;color:var(--muted2);margin-bottom:6px;display:block}button{border-radius:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);cursor:pointer;font-weight:600}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:linear-gradient(135deg,#77f9cceb,#9aa9ffeb);color:var(--ink);border-color:transparent}.ghost{background:transparent}.danger{background:#ff6b7d1f;border-color:#ff6b7d40}.formGrid{padding:0 16px 16px;display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.field{grid-column:span 3}.field.wide{grid-column:span 6}.field.actions{grid-column:1 / -1;display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(max-width:980px){.field{grid-column:span 6}.field.wide{grid-column:span 12}}@media(max-width:560px){.field{grid-column:span 12}}.checkLabel{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--text);margin:0}.checkLabel input{width:18px;height:18px;padding:0}.subHint{margin-top:8px;font-size:12px;color:var(--muted);line-height:1.5}.saveHint{color:var(--muted);font-size:12px;max-width:70ch}.chipRow{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.chip{padding:10px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0d;color:var(--muted);font-size:12px}.chip strong{color:var(--text)}.chip.subtle{border-style:dashed;color:#ffffff75}.table{padding:0 0 10px}.tRow{padding:12px 16px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr .8fr .7fr;gap:10px;align-items:center;border-top:1px solid rgba(255,255,255,.08)}.tHead{border-top:none;background:#ffffff0d;color:#ffffffb8;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.right{justify-self:end}.empty{padding:14px 16px;color:var(--muted);font-size:13px}@media(max-width:980px){.tRow{grid-template-columns:1.1fr .9fr .9fr .9fr .9fr .8fr auto}}@media(max-width:700px){.tHead{display:none}.tRow{grid-template-columns:1fr 1fr;grid-auto-rows:auto;gap:8px 12px}.tRow>div{justify-self:start}.tRow>.right{grid-column:2;justify-self:end}}