:root{color-scheme:dark;--bg:#090f1e;--card:#152037;--line:#2d3b55;--txt:#edf4ff;--muted:#a9b7d0;--accent:#3fe1bd}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--txt)}a{color:inherit;text-decoration:none}
header{padding:20px max(4vw,20px);display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:21px;font-weight:800}.brand b{color:var(--accent)}
main{max-width:1100px;margin:60px auto;padding:0 24px}h1{font-size:clamp(38px,6vw,66px);line-height:1.1;letter-spacing:-2px}h2{font-size:26px}.muted{color:var(--muted)}.accent{color:var(--accent)}
.btn{display:inline-block;padding:12px 20px;border:0;border-radius:9px;background:var(--accent);color:#081522;font:inherit;font-weight:750;cursor:pointer}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:24px}
.login{max-width:460px;margin:80px auto}input{display:block;width:100%;background:#0b1425;color:var(--txt);border:1px solid var(--line);padding:13px;border-radius:8px;margin:7px 0 18px}label{font-size:13px;color:var(--muted)}
.stat{font-size:32px;font-weight:800}.bar{height:9px;background:#34445c;border-radius:30px;overflow:hidden}.fill{height:100%;background:var(--accent)}.tablewrap{overflow-x:auto}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:13px;border-bottom:1px solid var(--line)}footer{text-align:center;color:var(--muted);padding:40px}
@media(max-width:750px){.grid{grid-template-columns:1fr}main{margin-top:40px}}