:root{--bg:#08120f;--panel:#101d19;--line:#23332d;--text:#edf6f1;--muted:#94a69e;--green:#4de09b;--red:#ff6b76;--amber:#e8b85c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#173629 0,transparent 30%),var(--bg);color:var(--text);font:14px Inter,system-ui,sans-serif}header,nav,main{max-width:1400px;margin:auto}header{padding:44px 28px 28px;display:flex;justify-content:space-between;align-items:end}h1{font-size:42px;letter-spacing:-2px;margin:7px 0}h2{font-size:20px;margin:5px 0}.eyebrow{color:var(--green);font-size:11px;font-weight:800;letter-spacing:2px}.status{display:flex;gap:8px;color:var(--muted);align-items:center}.status i{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}nav{padding:0 28px 18px;display:flex;gap:8px;overflow:auto}button{background:transparent;border:1px solid var(--line);color:var(--muted);padding:9px 14px;border-radius:20px;cursor:pointer}button.active{background:var(--green);border-color:var(--green);color:#052116;font-weight:700}main{padding:0 28px 60px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric,.panel{background:linear-gradient(145deg,rgba(20,35,30,.96),rgba(12,25,21,.96));border:1px solid var(--line);border-radius:16px}.metric{padding:19px}.metric span{color:var(--muted);font-size:12px}.metric strong{display:block;font-size:25px;margin-top:10px}.panel{margin-top:12px;padding:20px}.panel-title{display:flex;justify-content:space-between;align-items:center}.chart{height:210px;display:flex;align-items:end;gap:3px;padding-top:20px}.bar{flex:1;min-width:2px;background:linear-gradient(var(--green),#227d58);border-radius:2px 2px 0 0;opacity:.8}.bar:hover{opacity:1}.table-wrap{overflow:auto;margin:18px -20px 0}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;padding:13px 20px;border-top:1px solid var(--line)}th{color:var(--muted);font-size:11px;text-transform:uppercase}td:first-child{font-weight:750}.positive{color:var(--green)}.negative{color:var(--red)}.badge{padding:4px 8px;border-radius:10px;background:#21372f;color:#b8d5c8;font-size:11px}input{background:#0a1512;border:1px solid var(--line);border-radius:8px;padding:10px 12px;color:var(--text);min-width:260px}footer{color:var(--muted);padding-top:14px}@media(max-width:800px){header{align-items:start}.status{display:none}.metrics{grid-template-columns:1fr 1fr}h1{font-size:32px}.chart-panel{display:none}.panel-title{align-items:start;gap:15px;flex-direction:column}input{width:100%;min-width:0}}