:root{--bg:#0d1117;--panel:#151b23;--panel-2:#1a222c;--line:#27313d;--text:#f3f6f8;--muted:#8e9aa8;--green:#54e38e;--green-bg:#123923;--amber:#f7bd62;--amber-bg:#3a2c16;--blue:#8dbbff;--blue-bg:#182b48;--red:#fa7777;--mono:"DM Mono",monospace;--sans:"Manrope",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 76% 0,#19252b 0,transparent 35%),var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}.shell{max-width:1180px;margin:0 auto;padding:25px 34px 36px}.topbar{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:800;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid #425263;color:var(--green);font-size:18px;border-radius:7px}.top-actions{display:flex;align-items:center;gap:8px;color:var(--muted);font-family:var(--mono);font-size:11px}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #153526}.refresh{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:5px;padding:8px 11px;font:500 11px var(--mono);cursor:pointer}.refresh:hover,.refresh:focus-visible{border-color:var(--green);color:var(--green)}.refresh span{font-size:16px;line-height:0;margin-left:4px}.hero{display:flex;justify-content:space-between;align-items:end;padding:88px 0 62px;border-bottom:1px solid var(--line)}.eyebrow{color:var(--green);font:500 12px var(--mono);letter-spacing:.11em;margin:0 0 20px}h1{font-size:clamp(46px,7vw,84px);line-height:.99;letter-spacing:-.07em;margin:0;font-weight:800}h1 em{font-style:normal;color:var(--green)}.intro{color:var(--muted);font-size:15px;margin:25px 0 0}.total-card{min-width:220px;padding:20px 0 4px 28px;border-left:1px solid var(--line)}.total-label{display:block;color:var(--muted);font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.09em}.total-card strong{display:block;font-size:74px;line-height:1;letter-spacing:-.08em;margin:7px 0 9px}.total-card>span:last-child{color:var(--muted);font-size:12px}.toolbar{display:flex;justify-content:space-between;align-items:center;padding:22px 0}.legend{display:flex;gap:21px;color:var(--muted);font-size:12px}.legend span{display:flex;align-items:center;gap:7px}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%}.legend-dot.available{background:var(--green)}.legend-dot.charging{background:var(--amber)}.legend-dot.booked{background:var(--blue)}.toggle{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;cursor:pointer}.toggle input{position:absolute;opacity:0}.toggle-track{position:relative;width:29px;height:17px;border-radius:20px;background:#34404d;transition:.2s}.toggle-track:after{content:"";position:absolute;width:11px;height:11px;left:3px;top:3px;border-radius:50%;background:#a4afbb;transition:.2s}.toggle input:checked+.toggle-track{background:#1a6a3c}.toggle input:checked+.toggle-track:after{left:15px;background:var(--green)}.zones{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.zone{background:rgba(21,27,35,.88);border:1px solid var(--line);border-radius:10px;overflow:hidden}.zone-head{display:flex;justify-content:space-between;align-items:center;padding:18px 20px 16px;border-bottom:1px solid var(--line)}.zone-name{font-size:15px;font-weight:700;letter-spacing:-.02em}.zone-label{display:block;margin-top:4px;font:10px var(--mono);color:var(--muted)}.zone-count{font:500 12px var(--mono);padding:7px 9px;border-radius:5px;background:#29313b;color:#b9c3cd}.zone-count.has-available{background:var(--green-bg);color:var(--green)}.plugs{padding:6px 20px 15px}.plug{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #222b35;gap:10px}.plug:last-child{border-bottom:0}.plug-main{min-width:0}.plug-name{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.plug-station{color:var(--muted);font:10px var(--mono);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status{white-space:nowrap;font:11px var(--mono);padding:6px 8px;border-radius:4px}.status.available{background:var(--green-bg);color:var(--green)}.status.charging{background:var(--amber-bg);color:var(--amber)}.status.booked{background:var(--blue-bg);color:var(--blue)}.status.disabled,.status.occupied{background:#252c34;color:#9ca8b5}.error{padding:20px;color:var(--red);font:12px var(--mono)}.empty{padding:34px;text-align:center;color:var(--muted);font:12px var(--mono);border:1px dashed var(--line);border-radius:10px;grid-column:1/-1}footer{display:flex;justify-content:space-between;color:#64717f;font:10px var(--mono);padding:26px 2px 0}@media(max-width:700px){.shell{padding:20px 18px 28px}.top-actions{font-size:0}.top-actions .refresh{font-size:11px}.hero{display:block;padding:68px 0 40px}.total-card{border-left:0;border-top:1px solid var(--line);padding:21px 0 0;margin-top:38px;display:grid;grid-template-columns:auto 1fr;column-gap:15px}.total-card strong{grid-row:span 2;font-size:59px;margin:0}.total-label{align-self:end}.total-card>span:last-child{align-self:start;margin-top:5px}.toolbar{padding:18px 0}.legend{gap:12px}.zones{grid-template-columns:1fr;gap:11px}.zone-head{padding:16px}.plugs{padding-left:16px;padding-right:16px}footer{font-size:9px}}@media(prefers-reduced-motion:no-preference){.zone{animation:rise .45s both}.zone:nth-child(2){animation-delay:.04s}.zone:nth-child(3){animation-delay:.08s}.zone:nth-child(4){animation-delay:.12s}.zone:nth-child(5){animation-delay:.16s}.zone:nth-child(6){animation-delay:.2s}}@keyframes rise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}