:root{--bg:#08111f;--panel:#101c2e;--panel2:#142238;--line:#26364d;--text:#f4f7fb;--muted:#91a0b5;--ev:#54e6a5;--petrol:#ffb356;--diesel:#6ba7ff;--danger:#ff6c78;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#17375c 0,transparent 35%),var(--bg);color:var(--text);font-size:16px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1460px)/2));border-bottom:1px solid #1c2a3d;background:#08111fd9;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.brand{font-weight:750;display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--ev);color:#071710;font-size:13px}.updated{font-size:13px;color:var(--muted);display:flex;align-items:center;gap:8px}.updated span{width:7px;height:7px;background:var(--ev);border-radius:50%;box-shadow:0 0 12px var(--ev)}main{max-width:1460px;margin:auto;padding:34px 24px 60px}.intro{display:grid;grid-template-columns:1fr auto;align-items:end;gap:28px;margin-bottom:28px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-weight:750;color:var(--ev);font-size:11px;margin:0 0 8px}.intro h1{font-size:clamp(32px,4.5vw,60px);line-height:.98;max-width:900px;margin:0;letter-spacing:-.05em}.intro>div>p:last-child{color:var(--muted);max-width:730px;margin:18px 0 0;line-height:1.55}.verdict{background:linear-gradient(135deg,#16372f,#11253a);border:1px solid #285849;padding:18px 22px;border-radius:var(--radius);min-width:245px}.verdict span,.verdict small{display:block;color:#a8b9b3;font-size:12px}.verdict strong{display:block;color:var(--ev);font-size:32px;margin:4px 0}.workspace{display:grid;grid-template-columns:330px minmax(0,1fr);gap:18px;align-items:start}.panel{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 45px #0002}.controls{padding:20px;position:sticky;top:88px;max-height:calc(100vh - 104px);overflow:auto}.panel-title,.chart-head{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel h2{font-size:20px;margin:0;letter-spacing:-.02em}.text-btn{border:0;background:none;color:var(--ev);font:inherit;font-size:13px;cursor:pointer}.controls label{display:block;color:var(--muted);font-size:13px;margin-top:17px}.controls label output{float:right;color:var(--text);font-weight:700}.controls input[type=number],select{width:100%;background:#0a1526;border:1px solid #2c3c55;color:var(--text);border-radius:10px;padding:11px 12px;font:inherit;font-size:14px;margin-top:7px}.controls input[type=range]{appearance:none;width:100%;height:4px;border-radius:3px;background:#304058;margin:16px 0 2px}.controls input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:18px;background:var(--ev);border:4px solid #103429;border-radius:50%;cursor:pointer}.price-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:10px}.price-strip div{padding:8px 7px;background:#0b1728;border-radius:8px}.price-strip span,.price-strip b{display:block}.price-strip span{font-size:10px;color:var(--muted)}.price-strip b{font-size:12px;margin-top:3px}.seg-label{color:var(--muted);font-size:13px;margin-top:18px}.segments{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;background:#091426;padding:4px;border-radius:11px;margin-top:7px}.segments button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:9px 4px;border-radius:8px;cursor:pointer}.segments button.active{background:#284c43;color:#d8fff0}.divider{height:1px;background:var(--line);margin:20px 0 4px}details{border-bottom:1px solid var(--line);padding:12px 0}summary{cursor:pointer;font-size:14px;font-weight:650}.dashboard{min-width:0;display:grid;gap:18px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.kpis article{padding:18px;background:linear-gradient(150deg,#15253b,#0f1b2d);border:1px solid var(--line);border-radius:15px}.kpis span,.kpis small{display:block;color:var(--muted);font-size:12px}.kpis strong{display:block;font-size:25px;margin:7px 0 4px;letter-spacing:-.04em}.chart-card,.table-card{padding:21px}.chart-card.wide{min-height:390px}.legend{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.legend i{width:9px;height:9px;border-radius:50%;display:inline-block;margin-left:8px}.legend .ev{background:var(--ev)}.legend .petrol{background:var(--petrol)}.legend .diesel{background:var(--diesel)}.chart{margin-top:18px;min-height:250px}.line-chart{min-height:300px}.chart svg{width:100%;height:auto;display:block}.axis{stroke:#34445b;stroke-width:1}.gridline{stroke:#25364b;stroke-width:1;stroke-dasharray:3 5}.chart-label{fill:#8392a7;font-size:11px}.line-ev,.line-petrol,.line-diesel{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.line-ev{stroke:var(--ev)}.line-petrol{stroke:var(--petrol)}.line-diesel{stroke:var(--diesel)}.area-ev{fill:url(#areaGrad)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.table-wrap{overflow:auto;margin-top:14px}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:right;padding:13px 12px;border-bottom:1px solid var(--line);font-size:14px}th:first-child,td:first-child{text-align:left;color:var(--muted)}th{color:var(--muted);font-size:12px;font-weight:600}td.best{color:var(--ev);font-weight:750}.heatmap{display:grid;grid-template-columns:72px repeat(4,1fr);gap:5px;margin-top:20px}.heatmap div{min-height:43px;display:grid;place-items:center;border-radius:7px;font-size:11px;text-align:center;padding:3px}.heatmap .head{color:var(--muted);background:transparent}.hint,.method{color:var(--muted);font-size:12px;line-height:1.5}.insight{display:flex;flex-direction:column;justify-content:space-between}.insight h2{font-size:28px;margin:0 0 12px}.insight p{line-height:1.6;color:#b1bed0}.mini-meter{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;color:var(--muted);font-size:11px;margin:30px 0}.mini-meter div{height:9px;background:linear-gradient(90deg,var(--danger),#39485b 50%,var(--ev));border-radius:8px;position:relative}.mini-meter b{position:absolute;width:16px;height:16px;top:-4px;background:#fff;border:3px solid #0b1626;border-radius:50%;left:50%}.sources{margin:28px 0 0;padding:28px;border:1px solid var(--line);border-radius:var(--radius);color:var(--muted)}.sources h2{color:var(--text);margin-top:0}.sources p{max-width:950px;line-height:1.6}.sources div{display:flex;gap:22px;flex-wrap:wrap}.sources a{color:var(--ev);text-decoration:none;font-size:14px}@media(max-width:1050px){.workspace{grid-template-columns:1fr}.controls{position:static;max-height:none}.kpis{grid-template-columns:1fr 1fr}.intro{grid-template-columns:1fr}.verdict{max-width:320px}}@media(max-width:680px){main{padding:24px 14px}.topbar{padding:0 14px}.updated{font-size:0}.updated:after{content:'09.2026';font-size:12px}.intro h1{font-size:38px}.kpis,.chart-grid{grid-template-columns:1fr}.chart-head{align-items:flex-start;flex-direction:column}.legend i:first-child{margin-left:0}.chart-card,.table-card{padding:16px}.heatmap{grid-template-columns:55px repeat(4,1fr)}.heatmap div{font-size:9px}.price-strip{gap:3px}}