*{box-sizing:border-box}:root{--bg:#080c15;--panel:#0e1522;--line:#1e2b3e;--text:#eef4ff;--muted:#8193aa;--blue:#168bff;--green:#42d6a0;--red:#ff5365;--head:'Orbitron',sans-serif;--body:'Manrope',sans-serif;--mono:'DM Mono',monospace}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--body)}button,input,select{font:inherit}.sidebar{width:230px;position:fixed;inset:0 auto 0 0;background:#090f1a;border-right:1px solid var(--line);padding:27px 18px;display:flex;flex-direction:column;z-index:3}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;padding:0 8px 42px;font:800 11px var(--head);letter-spacing:1px}.brand>b,.mobile-brand>b{font:900 25px var(--head);letter-spacing:-3px}.brand>b span,.mobile-brand>b span{color:var(--blue)}.brand small{display:block;color:#4dafff;font:8px var(--head);letter-spacing:2px;margin-top:5px}.side-label,.eyebrow{font:8px var(--head);letter-spacing:2px;color:#4eaeff}.side-label{color:#53677f;padding:0 12px 12px}.side-link{padding:13px;color:#91a2b8;text-decoration:none;font-weight:600;border:1px solid transparent;margin:3px 0}.side-link:hover,.side-link.active{background:#10223a;border-color:#1d4268;color:white}.sidebar-bottom{margin-top:auto}.system-card{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #20364d;background:#0d1b2a}.system-card i{width:7px;height:7px;background:var(--green);border-radius:50%;box-shadow:0 0 10px var(--green)}.system-card b,.system-card small{display:block}.system-card b{font-size:10px}.system-card small,.side-foot{font-size:9px;color:#71849b;margin-top:4px}.side-foot{display:block;font:7px var(--head);letter-spacing:1px;margin:17px 5px}.main{margin-left:230px;padding:0 34px;max-width:1800px}.topbar{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font:8px var(--head);letter-spacing:1px;color:#71849b}.crumb span{padding:0 9px}.crumb b{color:#cbd8e9}.top-actions{display:flex;align-items:center;gap:15px;color:#8294aa;font:9px var(--mono)}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#1265bd;color:white;font:700 12px var(--body)}.mobile-brand{display:none}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:34px 0 23px}.eyebrow{margin-bottom:8px}.intro h1{font:800 clamp(24px,3vw,34px) var(--head);margin:0;letter-spacing:-1px}.intro h1 span{color:var(--blue)}.intro p,.rate-panel>p{font-size:11px;color:var(--muted);margin:9px 0 0}.primary,.secondary,.clear,.add-row{border:0;cursor:pointer;font:9px var(--head);letter-spacing:1px;transition:.2s}.primary{background:linear-gradient(110deg,#168bff,#075bd4);color:white;padding:14px 17px;box-shadow:0 6px 22px #087bff25}.primary:hover{filter:brightness(1.15);transform:translateY(-1px)}.full{width:100%}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:17px}.metrics article,.panel{background:var(--panel);border:1px solid var(--line)}.metrics article{padding:16px;min-width:0}.metrics label{display:block;color:#8295ae;font:8px var(--head);letter-spacing:1px}.metrics strong{display:block;font:700 clamp(21px,2.5vw,30px) var(--head);margin:14px 0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics small{font-size:9px;color:#778aa2}.columns{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr);gap:15px;margin-bottom:17px}.panel{padding:18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-head .eyebrow{margin-bottom:6px}.panel h2{font:700 13px var(--head);margin:0}.live{font:7px var(--head);letter-spacing:1px;color:var(--green);border:1px solid #2e8f6c55;padding:7px}.station-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.station-card{background:#0a111d;border:1px solid #1c2a3d;padding:13px;min-width:0;transition:background .25s,border-color .25s,box-shadow .25s}.station-card.running{border-color:#269a68;background:linear-gradient(145deg,#0c382b,#0a1a1a 80%);box-shadow:inset 0 0 25px #20c77912}.station-card.warning{border-color:#ff5365;background:linear-gradient(145deg,#451a27,#1c101a 80%);box-shadow:inset 0 0 30px #ff53651c,0 0 15px #ff536522}.station-top,.charge{display:flex;justify-content:space-between;align-items:center;gap:5px}.station-name{font:9px var(--head)}.station-state{font:7px var(--head);color:#8192a8}.station-state.busy{color:#57e3a8}.station-card.warning .station-state{color:#ff7380}.timer{font:600 24px var(--mono);margin:15px 0 4px;white-space:nowrap;color:#b5ffd9}.station-card.warning .timer{color:#ff8993}.player{font-size:9px;color:#b2c8bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:14px}.station-card.warning .player{color:#e4aeb5}.charge{border-top:1px solid #ffffff1b;padding-top:10px;margin:12px 0;font-size:8px;color:#a5c8b7}.charge b{font:11px var(--mono);color:#8af2bf}.station-card.warning .charge b{color:#ff9ca5}.station-actions{display:flex;gap:6px}.station-actions button{flex:1;padding:9px 3px;border:1px solid #3b7058;background:#123526;color:#b8f7d1;font:7px var(--head);cursor:pointer}.station-actions button:hover{filter:brightness(1.2)}.station-actions .stop{background:#3d1d25;border-color:#8e3545;color:#ff8795}.station-actions .snacks{background:#102a42;border-color:#27608c;color:#9fd8ff}.rate-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:13px}.rate-tabs button{padding:9px 6px;background:#0a111d;border:1px solid #253850;color:#90a4bd;font:7px var(--head);cursor:pointer}.rate-tabs button.selected,.rate-tabs button:hover{background:#0d2b4a;border-color:#168bff;color:#74c8ff}.price-row{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:10px;border:1px solid #1c3048;background:#0a111d;margin-bottom:6px}.price-row span{font-size:10px;color:#a8b9ce}.price-row b{font:12px var(--mono);color:#ffda45}.custom-rates{margin-top:13px;padding:12px;border:1px solid #29405b;background:#0a1421}.custom-title{font:8px var(--head);letter-spacing:1px;color:#64bdff}.custom-rates p,.rate-foot{font-size:8px;line-height:1.6;color:#71849d;margin:8px 0 11px}.rate-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.rate-edit{background:#08111d;border:1px solid #263a53;padding:7px}.rate-edit label{display:block;color:#8ea2ba;font-size:8px;margin-bottom:5px}.rate-edit input{width:100%;background:none;border:0;outline:0;color:white;font:12px var(--mono)}.custom-rates .secondary{margin-top:2px}.history{margin-bottom:20px}.history-actions{display:flex;align-items:center;gap:8px}.secondary{padding:11px 13px;border:1px solid #2a4564;background:#10223a;color:#9fcfff}.secondary:hover{background:#173455}.clear{background:none;color:#a36c7a;padding:9px;font-size:7px}.clear:hover{color:#ff8293}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font:7px var(--head);letter-spacing:1px;color:#60758f;padding:11px;border-bottom:1px solid #26364a}td{font-size:10px;color:#a9b9cd;padding:13px 11px;border-bottom:1px solid #192638}td:first-child{color:#e0e9f6;font-weight:700}td.amount{font:11px var(--mono);color:#55d6a5}.empty{display:flex;flex-direction:column;align-items:center;gap:7px;padding:27px 10px;color:#a8b8ce;font-size:10px}.empty small{color:#71849e;font-size:9px}.empty[hidden]{display:none}footer{display:flex;justify-content:space-between;padding:7px 0 20px;color:#52657e;font:7px var(--head);letter-spacing:1px}footer span:last-child{color:#7288a2}dialog{width:min(490px,calc(100% - 28px));border:1px solid #29425f;background:#0d1624;color:var(--text);padding:0;box-shadow:0 25px 90px #000b}dialog::backdrop{background:#02050bc9;backdrop-filter:blur(5px)}dialog form{padding:24px}.dialog-head{display:flex;justify-content:space-between;margin-bottom:24px}.dialog-head h2{font:700 18px var(--head);margin:0}.close{background:none;border:0;color:#91a4bd;font-size:25px;cursor:pointer}.field-label{display:block;font:8px var(--head);letter-spacing:1px;color:#92a5bd;margin:0 0 8px}.field-label small{color:#637993}.text-input{width:100%;height:42px;background:#08111d;border:1px solid #263a53;color:white;padding:0 11px;outline:0;font-size:11px;margin-bottom:17px}.text-input:focus{border-color:var(--blue)}.text-input::placeholder{color:#5f7188}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-preview,.snack-total{display:flex;justify-content:space-between;padding:12px;background:#0a1c2d;border:1px solid #1c3a57;margin:1px 0 18px;font-size:9px;color:#91a4bd}.dialog-preview b,.snack-total b{font:12px var(--mono);color:#49c4ff}.hint{text-align:center;color:#687d98;font-size:8px;margin:12px 0 0}.snack-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 34px;gap:7px;margin-bottom:8px}.snack-row input{height:39px;background:#08111d;border:1px solid #263a53;color:white;padding:0 9px;min-width:0;font-size:10px}.snack-row button{border:1px solid #673443;background:#301923;color:#ff9aa6;cursor:pointer}.add-row{background:#102a42;border:1px dashed #27608c;color:#9fd8ff;width:100%;padding:11px;margin:2px 0 13px}.snack-total{margin:0 0 15px}.snack-total b{color:#ffd65a}.toast{position:fixed;right:24px;bottom:24px;background:#10263b;border:1px solid #27608c;color:#dceeff;padding:13px 17px;font-size:10px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:1120px){.sidebar{width:200px}.main{margin-left:200px;padding:0 22px}.columns{grid-template-columns:1fr}}@media(max-width:720px){.sidebar{display:none}.main{margin:0;padding:0 14px}.topbar{height:60px}.mobile-brand{display:flex;align-items:center;gap:7px;font:800 9px var(--head)}.mobile-brand>b{font-size:20px}.mobile-brand small{color:#5baeff;font-size:7px}.crumb{display:none}.top-actions{font-size:8px}.intro{align-items:flex-start;flex-direction:column;padding:27px 0 19px}.intro .primary{width:100%}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metrics article{padding:12px}.metrics label{font-size:7px}.metrics strong{font-size:21px}.panel{padding:13px}.station-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.station-card{padding:9px}.timer{font-size:18px}.panel h2{font-size:12px}.history .panel-head{align-items:flex-start;flex-direction:column}.history-actions{width:100%;justify-content:space-between}.history-actions .secondary{font-size:7px}footer{font-size:6px;gap:8px}.snack-row{grid-template-columns:minmax(0,1fr) 82px 30px}}@media(max-width:370px){.station-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr;gap:0}.rate-tabs button{font-size:6px}}