:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--background:#0c0d12;--panel:#14161d;--panel-raised:#191c24;--border:#292d38;--text:#f4f5f8;--muted:#969cab;--accent:#7c5cff;--accent-hover:#9177ff;--success:#54d18b}*{box-sizing:border-box}html{background:var(--background);min-width:320px}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 20% 0%, #7c5cff21, transparent 34rem), var(--background);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}.eyebrow{color:#a995ff;letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:750}.loginShell{place-items:center;min-height:100vh;padding:24px;display:grid}.loginCard{border:1px solid var(--border);background:#14161df5;border-radius:18px;width:min(100%,430px);padding:38px;box-shadow:0 24px 80px #00000052}.brandMark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;margin-bottom:28px;font-size:21px;font-weight:850;display:grid}.loginCard h1,.dashboardHeader h1,.panelHeading h2{letter-spacing:-.035em;margin:0}.loginCard h1{font-size:30px}.loginIntro{color:var(--muted);margin:10px 0 28px;line-height:1.55}.loginForm{gap:10px;display:grid}.loginForm label{color:#d7d9e0;margin-top:8px;font-size:13px;font-weight:700}.loginForm input{width:100%;height:46px;color:var(--text);background:#0f1117;border:1px solid #343845;border-radius:9px;outline:none;padding:0 13px}.loginForm input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c5cff2e}.loginForm button,.secondaryButton{color:#fff;border:0;border-radius:9px;font-weight:750}.loginForm button{background:var(--accent);height:46px;margin-top:16px}.loginForm button:hover{background:var(--accent-hover)}.formError{color:#ffc1c1;background:#ff727214;border:1px solid #ff727259;border-radius:8px;margin:0 0 18px;padding:11px 12px;font-size:13px}.dashboardShell{width:min(1440px,100%);margin:0 auto;padding:44px 32px 36px}.dashboardHeader{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.dashboardHeader h1{font-size:clamp(28px,4vw,40px)}.headerActions{align-items:center;gap:12px;display:flex}.liveStatus{color:#cfd2da;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.liveStatus span{background:var(--success);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #54d18b1f}.secondaryButton{border:1px solid var(--border);background:var(--panel);min-height:38px;padding:0 15px}.secondaryButton:hover{background:var(--panel-raised);border-color:#454b5b}.statGrid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.statCard{border:1px solid var(--border);background:var(--panel);border-radius:13px;min-width:0;padding:22px}.statCard p,.statCard span{color:var(--muted);margin:0}.statCard p{font-size:13px;font-weight:700}.statCard strong{letter-spacing:-.04em;text-overflow:ellipsis;margin:12px 0 7px;font-size:clamp(27px,3vw,37px);display:block;overflow:hidden}.statCard span{font-size:12px}.usersPanel{border:1px solid var(--border);background:var(--panel);border-radius:13px;overflow:hidden}.panelHeading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:20px;padding:22px 24px;display:flex}.panelHeading h2{font-size:21px}.panelHeading>p{color:var(--muted);margin:0;font-size:12px}.userList{width:100%}.userRow{border-bottom:1px solid var(--border);grid-template-columns:minmax(220px,1.25fr) minmax(180px,1fr) 80px 190px;align-items:center;gap:18px;min-height:72px;padding:12px 24px;display:grid}.userRow:last-child{border-bottom:0}.userRowHeader{min-height:42px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;background:#111319;font-size:11px;font-weight:750}.userIdentity{align-items:center;gap:12px;min-width:0;display:flex}.userIdentity img,.avatarFallback{border-radius:50%;flex:0 0 44px;width:44px;height:44px}.userIdentity img{object-fit:cover;background:#252936}.avatarFallback{color:#ded8ff;background:#30265d;place-items:center;font-size:12px;font-weight:800;display:grid}.userIdentity div{min-width:0}.userIdentity strong,.userIdentity span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.userIdentity strong{font-size:14px}.userIdentity span,.userRow time{color:var(--muted);font-size:12px}.userIdentity span{margin-top:3px}.userRow code{color:#c8bcff;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:13px;overflow:hidden}.useCount{font-size:14px}.emptyState{text-align:center;padding:64px 24px}.emptyState h3{margin:0 0 8px}.emptyState p,.trackingNote{color:var(--muted)}.emptyState p{margin:0;font-size:14px}.trackingNote{margin:14px 4px 0;font-size:12px;line-height:1.5}@media (max-width:980px){.statGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.userRow{grid-template-columns:minmax(200px,1.2fr) minmax(160px,1fr) 70px}.userRow>time,.userRowHeader>span:last-child{display:none}}@media (max-width:640px){.dashboardShell{padding:28px 16px}.dashboardHeader{align-items:flex-start}.liveStatus{display:none}.statGrid{grid-template-columns:1fr}.panelHeading{padding:19px}.panelHeading>p,.userRowHeader{display:none}.userRow{grid-template-columns:1fr auto;gap:8px 14px;padding:15px 19px}.userRow code{grid-column:1;padding-left:56px}.useCount{grid-area:1/2/span 2}}@media (max-width:430px){.loginCard{padding:28px 22px}.dashboardHeader{display:block}.headerActions{margin-top:18px}}