@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#050b14}*,:before,:after{box-sizing:border-box}body{background:#050b14;margin:0}#root{max-width:1280px;margin:0 auto}h1,h2,h3,h4{color:#e8f2ff;font-weight:600}p{margin:0}button{font-family:inherit}.page{color:#e8f2ff;background:radial-gradient(circle at 20% 20%,#4fd1ff26,#0000 35%),radial-gradient(circle at 80% 10%,#14b8a61f,#0000 30%),#050b14;min-height:100vh;padding:32px 26px 64px;font-family:Space Grotesk,Inter,system-ui,-apple-system,sans-serif}.hero{background:linear-gradient(120deg,#071324f2,#060e1ce6);border:1px solid #4fd1ff33;border-radius:16px;padding:26px 24px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000059}.hero h1{letter-spacing:-.5px;margin:4px 0 10px;font-size:34px}.hero .lede{color:#b9d6ff;max-width:640px}.glow{filter:blur(48px);pointer-events:none;background:radial-gradient(circle at 80% 20%,#3b82f62e,#0000 45%),radial-gradient(circle at 20% 80%,#0ea5e933,#0000 40%);position:absolute;inset:0}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#8cb4ff;margin:0;font-size:11px}.lede{margin-top:6px}.controls{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.chip{color:#d9ecff;cursor:pointer;background:#091220cc;border:1px solid #4fd1ff66;border-radius:12px;padding:8px 14px;transition:border-color .2s,transform .1s}.chip.active{color:#0a1628;background:linear-gradient(135deg,#4fd1ff,#14b8a6);border-color:#4fd1ff;box-shadow:0 8px 30px #4fd1ff40}.chip:hover{transform:translateY(-1px)}.pill{color:#a8c8ff;background:#0c1928b3;border:1px solid #4fd1ff40;border-radius:999px;padding:6px 10px}.pill.error{color:#fecdd3;border-color:#f87171}.pill.subtle{color:#9fb6d8;border-color:#ffffff14}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:22px 0 24px;display:grid}.card{background:linear-gradient(160deg,#0b1626e6,#08101eeb);border:1px solid #ffffff0f;border-radius:14px;padding:16px 18px;box-shadow:0 10px 30px #00000047}.kpi h2{margin:4px 0 6px;font-size:26px}.kpi small{color:#89a8d6}.panel{background:linear-gradient(#09111ee6,#080e19f2);border:1px solid #ffffff0d;border-radius:16px;margin-bottom:18px;padding:18px;box-shadow:0 14px 40px #00000052}.panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.legend{color:#93b4df;align-items:center;gap:10px;font-size:13px;display:flex}.dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dot.blue{background:#4fd1ff}.dot.teal{background:#14b8a6}.chart{height:280px}.members-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.member-card{background:linear-gradient(145deg,#060e1ce6,#0a1626d9);border:1px solid #ffffff12;border-radius:14px;padding:14px;position:relative;overflow:hidden}.member-card:after{content:"";pointer-events:none;background:radial-gradient(circle at 80% 0,#4fd1ff1f,#0000 35%);position:absolute;inset:0}.member-top{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.avatar{object-fit:cover;border:2px solid #4fd1ff80;border-radius:50%;width:54px;height:54px}.member-top h4{margin:0 0 2px}.muted{color:#8ca6cc;margin:0;font-size:13px}.member-stats{z-index:1;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid;position:relative}.member-stats p{color:#8ca6cc;margin:0;font-size:13px}.member-stats strong{margin-top:2px;font-size:15px;display:block}.pill.tiny{margin-left:auto;padding:4px 8px;font-size:11px}.empty{text-align:center;color:#7fa0cf;padding:30px}.top-users{flex-direction:column;gap:10px;display:flex}.top-row{background:#0c1523b3;border:1px solid #ffffff0f;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.avatar.small{width:42px;height:42px}.top-meta{flex-direction:column;gap:6px;display:flex}.top-name{font-weight:600}.top-sub{color:#8ca6cc;font-size:13px}.bar-bg{background:#ffffff14;border-radius:999px;width:100%;height:6px;overflow:hidden}.bar-fill{background:linear-gradient(90deg,#4fd1ff,#14b8a6);height:100%}.top-value{font-weight:600}@media (width<=720px){.page{padding:20px 16px 48px}.hero h1{font-size:28px}.member-stats{grid-template-columns:repeat(2,1fr)}}