*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:#0a0a0f;color:#fff;background-image:radial-gradient(circle at top left,#7f1d1d55,transparent 30%),radial-gradient(circle at top right,#ca8a0455,transparent 25%)}a{text-decoration:none;color:inherit}.layout{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{border-right:1px solid rgba(255,255,255,.08);padding:24px;background:#0c0c12cc;backdrop-filter:blur(20px);position:sticky;top:0;height:100vh}.brand{font-size:34px;font-weight:900;letter-spacing:-.08em;margin-bottom:30px}.nav{display:flex;flex-direction:column;gap:10px}.nav a{padding:14px 16px;border-radius:16px;color:#d4d4d8;background:rgba(255,255,255,.03)}.nav a.active,.nav a:hover{background:linear-gradient(135deg,#be123c,#ea580c);color:#fff}.main{padding:28px}.hero h1{font-size:clamp(42px,6vw,80px);letter-spacing:-.08em;line-height:.9;margin:0}.hero p{color:#a1a1aa;max-width:900px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:24px}.card,.panel{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:22px;backdrop-filter:blur(20px)}.metric{font-size:46px;font-weight:900;letter-spacing:-.08em}.muted{color:#a1a1aa}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);text-align:left}.live{display:flex;align-items:center;gap:10px}.dot{width:12px;height:12px;border-radius:999px;background:#22c55e;box-shadow:0 0 20px #22c55e}.heatmap{display:grid;grid-template-columns:repeat(24,1fr);gap:4px}.heatmap div{aspect-ratio:1;border-radius:4px;background:#18181b}.leaderboard-item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}canvas{width:100%;height:300px}.warning{background:#7f1d1d33;border:1px solid #ef444444;color:#fecaca;padding:14px;border-radius:16px}.good{background:#052e1633;border:1px solid #22c55e44;color:#bbf7d0;padding:14px;border-radius:16px}@media(max-width:900px){.layout{grid-template-columns:1fr}.sidebar{position:relative;height:auto}}