*{box-sizing:border-box}:root{--bg:#07111f;--bg-2:#0b1729;--panel:#0e1728d1;--panel-strong:#121c30f2;--line:#ffffff14;--text:#f5f8ff;--muted:#f5f8ffa8;--accent:#6ad7ff;--accent-2:#f6c96b;--accent-3:#8ee6b0;--accent-4:#ff8f9f;--shadow:0 1.75rem 5rem #0307128f}html{min-height:100%}body{background:radial-gradient(circle at 15% 20%,#6ad7ff2e,transparent 28%),radial-gradient(circle at 85% 10%,#f6c96b2e,transparent 24%),radial-gradient(circle at 65% 80%,#8ee6b01f,transparent 26%),linear-gradient(180deg,var(--bg)0%,var(--bg-2)100%);color:var(--text);min-height:100vh;margin:0;font-family:Segoe UI,Avenir Next,Trebuchet MS,sans-serif}#root{min-height:100vh}button,a,input,textarea,select{font:inherit}button{color:inherit}.page,.dashboardPage{min-height:100vh;padding:1.75rem}.page,.authPage{display:grid;place-items: center}.loginModal{border:.0625rem solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(1rem);display:grid;background:linear-gradient(#ffffff0f,#ffffff08);border-radius:2rem;justify-items:start;gap:.875rem;width:min(32.5rem,100%);padding:2.25rem}.loginModal h1{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,5vw,3.5rem)}.loginButton{min-width:min(100%,17.5rem);min-height:3.5rem;font-size:1rem}.loadingCard,.heroPanel,.panel,.topBar{border:.0625rem solid var(--line);box-shadow:var(--shadow);backdrop-filter:blur(1rem);background:linear-gradient(#ffffff0a,#ffffff05)}.loadingCard{color:var(--muted);border-radius:1.5rem;padding:1.375rem 1.625rem}.heroPanel,.panel,.topBar{border-radius:1.75rem}.heroPanel{width:min(57.5rem,100%);padding:2.25rem}.heroTop,.topBar,.panelHeader,.controlsRow,.topBarActions,.userBadge,.boardRow,.timelineRow,.barHeader,.roleRow{display:flex;justify-content:space-between;align-items: center;gap:1rem}.heroTop{margin-bottom:1.125rem}.heroPanel h1,.topBar h1,.panel h2,.panel h3{letter-spacing:-.04em;margin:0}.heroPanel h1,.topBar h1{font-size:clamp(2.2rem,5vw,4.2rem)}.heroCopy{color:var(--muted);max-width:70ch;margin:.5rem 0 1.375rem;line-height:1.7}.eyebrow{text-transform:uppercase;letter-spacing:.24em;color:var(--accent);margin:0 0 .5rem;font-size:.78rem}.heroGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.25rem}.heroTile,.statCard{border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.375rem;padding:1.125rem}.statCardButton{display:flex;text-align:left;appearance:none;-webkit-appearance:none;color:inherit;font:inherit;flex-direction:column;justify-content:flex-start;align-items: flex-start;width:100%;transition:transform .14s,background .14s,border-color .14s,box-shadow .14s;box-shadow:inset 0 0 0 .0625rem #6ad7ff1a}.statCardButton .statLabel,.statCardButton .statValue,.statCardButton .statDetail{text-align:left;width:100%}.statHint{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-top:.75rem;font-size:.75rem;font-weight:700}.statCardButton:hover{background:#6ad7ff17;border-color:#6ad7ff7a;transform:translateY(-.125rem);box-shadow:inset 0 0 0 .0625rem #6ad7ff33,0 .625rem 1.5rem #060f1c3d}.statCardButton:focus-visible{background:#6ad7ff17;border-color:#6ad7ff7a;transform:translateY(-.125rem);box-shadow:inset 0 0 0 .0625rem #6ad7ff33,0 .625rem 1.5rem #060f1c3d}.statCardButton:focus-visible{outline:.1875rem solid #6ad7ff38;outline-offset:.125rem}.heroTile{color:var(--muted);text-align:center}.primaryButton,.secondaryButton,.dangerButton,.gearButton{cursor:pointer;border:.0625rem solid #0000;border-radius:1rem;transition:transform .14s,background .14s,border-color .14s,opacity .14s}.primaryButton{display:inline-flex;background:linear-gradient(135deg,var(--accent),#4a8cff);color:#04101c;text-decoration:none;justify-content:center;align-items: center;gap:.5rem;padding:.75rem 1.125rem;font-weight:800}.secondaryButton{border-color:var(--line);background:#ffffff08;padding:.75rem 1rem}.dangerButton{color:#ffb1be;background:#ff5b741a;border-color:#ff8f9f59;padding:.75rem 1rem;font-weight:800}.gearButton{display:inline-grid;border-color:var(--line);background:#ffffff0a;place-items: center;width:3rem;height:3rem;font-size:1.15rem}.primaryButton:hover,.secondaryButton:hover,.dangerButton:hover,.gearButton:hover{transform:translateY(-.0625rem)}.primaryButton:disabled,.secondaryButton:disabled,.dangerButton:disabled,.gearButton:disabled{opacity:.5;cursor:not-allowed;transform:none}.errorText{color:#ffb1be;margin:.875rem 0 0}.successText{color:#9fe6bb;margin:.875rem 0 0}.dashboardPage{display:grid;gap:1.125rem;max-width:100rem;margin:0 auto}.topBar{padding:1.375rem 1.5rem}.topBarActions{flex-wrap:wrap;justify-content:flex-end}.userBadge{border:.0625rem solid var(--line);background:#ffffff0a;border-radius:1.125rem;padding:.625rem .875rem}.avatar{border:.0625rem solid var(--line);object-fit:cover;border-radius:50%;width:2.625rem;height:2.625rem}.badgeLabel,.statLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.badgeName,.statValue{margin-top:.25rem;font-size:1rem;font-weight:800}.panel{padding:1.5rem}.panelHeader{align-items: flex-start;margin-bottom:1rem}.panelSubtitle,.statDetail,.boardMeta,.barMeta{color:var(--muted);margin:.375rem 0 0;font-size:.9rem}.controlsPanel{padding-bottom:1.25rem}.controlsRow{flex-wrap:wrap;align-items: end}.controlGroup{display:flex;color:var(--muted);flex-direction:column;gap:.5rem;min-width:11.25rem}.controlGroup span,.controlGroup label{color:var(--muted);font-size:.9rem}.controlGroup input,.controlGroup select,.adminForm input,.adminForm select{border:.0625rem solid var(--line);color:var(--text);outline:none;background:#060d168c;border-radius:.875rem;padding:.75rem .875rem}.controlGroup input:focus,.controlGroup select:focus,.adminForm input:focus,.adminForm select:focus{border-color:#6ad7ffa6;box-shadow:0 0 0 .25rem #6ad7ff1a}.rangeSelect{display:none}.rangeButtons{display:flex;flex-wrap:wrap;gap:.5rem}.rangeButton{min-height:2.625rem;padding-inline-start:.875rem;padding-inline-end:.875rem}.rangeButton.active{background:#6ad7ff1f;border-color:#6ad7ff8c}.grow{flex:1}.heroMetricPanel .statsGrid,.metricsStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.statsGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.metricStrip .statCard,.heroMetricPanel .statCard{min-height:6.875rem}.statCard{position:relative;overflow:hidden}.tone-gold{border-color:#f6c96b3d}.tone-blue{border-color:#6ad7ff3d}.tone-mint{border-color:#8ee6b03d}.tone-rose{border-color:#ff8f9f3d}.statValue{font-size:clamp(1.05rem,2vw,1.55rem)}.gridTwo,.boardGrid,.adminLayout{display:grid;gap:1.125rem}.gridTwo,.boardGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.chartPanel{overflow:hidden}.chartFrame{position:relative;margin-bottom:.75rem}.chartSvg{display:block;cursor:crosshair;width:100%;height:auto}.chartTooltip{position:absolute;z-index:1;display:grid;border:.0625rem solid var(--line);pointer-events:none;background:#060d16db;border-radius:.875rem;gap:.125rem;min-width:min(14rem,100% - 1.5rem);padding:.75rem .875rem;transform:translate(-50%,-115%);box-shadow:0 1rem 2.5rem #03071257}.chartTooltipLabel,.chartTooltip span{color:var(--muted);font-size:.82rem}.chartTooltip .chartTooltipOutage{color:#ffd166;font-weight:800}.chartOutageBand{pointer-events:none}.chartOutageBand-yellow{fill:#ffd16629}.chartOutageBand-orange{fill:#ff9f4333}.chartOutageBand-red{fill:#ff5b743d}.chartOutageLegend{display:flex;color:var(--muted);flex-wrap:wrap;gap:.5rem 1rem;margin-top:.625rem;font-size:.78rem}.chartOutageLegend span{display:inline-flex;align-items: center;gap:.375rem}.outageSwatch{border-radius:50%;width:.625rem;height:.625rem}.outageSwatch-yellow{background:#ffd166}.outageSwatch-orange{background:#ff9f43}.outageSwatch-red{background:#ff5b74}.chartGuide{stroke:#f5f8ff57;stroke-width:.0625rem;stroke-dasharray:.25rem .25rem}.chartPoint{fill:var(--accent);stroke:#06111e;stroke-width:.1875rem}.chartSummaryStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.625rem;margin-top:.75rem}.chartSummaryItem{border:.0625rem solid var(--line);background:#ffffff08;border-radius:.875rem;padding:.75rem .875rem}.chartSummaryItem span{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}.chartSummaryItem strong{display:block;margin-top:.25rem}.emptyState{border:.0625rem dashed var(--line);color:var(--muted);background:#ffffff05;border-radius:1.125rem;margin-bottom:.75rem;padding:1.25rem 1rem}.timelineList,.barList,.boardList,.roleList{display:grid;gap:.625rem}.timelinePagination{display:flex;color:var(--muted);justify-content:space-between;align-items: center;gap:.75rem;margin-top:.75rem}.paginationControls{display:flex;border-top:.0625rem solid var(--line);color:var(--muted);justify-content:space-between;align-items: center;gap:.75rem;margin-top:.75rem;padding-top:.75rem}.timelineRow,.barRow,.boardRow,.roleRow{border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.125rem;padding:.875rem 1rem}.userBoardButton,.channelButton{color:inherit;text-align:left;cursor:pointer;width:100%}.userBoardButton:hover,.channelButton:hover{background:#6ad7ff17;border-color:#6ad7ff7a;transform:translateY(-.0625rem)}.userBoardButton:focus-visible{background:#6ad7ff17;border-color:#6ad7ff7a;transform:translateY(-.0625rem)}.channelButton:focus-visible{background:#6ad7ff17;border-color:#6ad7ff7a;transform:translateY(-.0625rem)}.userBoardButton:focus-visible{outline:.1875rem solid #6ad7ff38;outline-offset:.125rem}.channelButton:focus-visible{outline:.1875rem solid #6ad7ff38;outline-offset:.125rem}.boardRow.self{background:#6ad7ff14;border-color:#6ad7ff66}.rankMoved{position:relative;z-index:1;border-color:#6ad7ff6b}.rankMoved-up{background:#8ee6b017}.rankMoved-down{background:#f6c96b14}.rankMoved .rank{color:var(--accent)}.modalOverlay{position:fixed;z-index:20;display:grid;backdrop-filter:blur(.5rem);animation:modalOverlayIn .16s ease-out both;background:#02070fb3;place-items: center;padding:1.5rem;inset:0}.modalOverlay.closing{animation:modalOverlayOut .18s ease-in both}.selectedUserPanel{overflow:auto;display:grid;transform-origin:center;animation:modalPanelIn .18s cubic-bezier(.2,.8,.2,1)both;gap:1rem;width:min(61.25rem,100%);max-height:min(47.5rem,100vh - 3rem)}.selectedUserPanel[data-closing=true]{animation:modalPanelOut .18s ease-in both}.selectedUserHeader,.selectedUserIdentity,.rankStrip{display:flex;align-items: center;gap:1rem}.selectedUserHeader{justify-content:space-between}.selectedUserIdentity{min-width:0}.selectedUserIdentity h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selectedUserAvatar{border:.0625rem solid var(--line);object-fit:cover;border-radius:50%;flex:none;width:4.25rem;height:4.25rem}.selectedUserStats{grid-template-columns:repeat(3,minmax(0,1fr))}.modalRangeControls{display:grid;grid-template-columns:minmax(11.25rem,1fr)minmax(11.25rem,1fr)minmax(11.25rem,1fr)auto;border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.125rem;align-items: end;gap:.75rem;padding:.875rem}.modalRangeControls .controlGroup{min-width:0}.rankStrip{color:var(--muted);flex-wrap:wrap;padding-top:.125rem}.rankStrip span{border:.0625rem solid var(--line);background:#ffffff08;border-radius:62.4375rem;padding:.5rem .625rem}.channelUserList{display:grid;gap:.625rem}.modalCharts{display:grid;gap:1rem}.modalChartsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.channelUserRow{display:flex;border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.125rem;justify-content:space-between;align-items: center;gap:1rem;padding:.875rem 1rem}.entryReveal{--entry-delay:calc(var(--entry-index,0)*45ms);animation:entryRevealIn .42s cubic-bezier(.2,.8,.2,1)both;animation-delay:var(--entry-delay)}.viewReveal{opacity:0;filter:blur(.06rem);transform:translateY(.45rem)scale(.985)}.viewReveal.isInView{--entry-delay:calc(var(--entry-index,0)*45ms);animation:entryRevealIn .42s cubic-bezier(.2,.8,.2,1)both;animation-delay:var(--entry-delay)}.isNewEntry{animation-name:entryRevealIn,entryGlow;animation-duration:.42s,.85s;animation-timing-function:cubic-bezier(.2,.8,.2,1),ease-out;animation-delay:var(--entry-delay),calc(var(--entry-delay) + .12s);animation-fill-mode:both}@keyframes entryRevealIn{0%{opacity:0;transform:translateY(.45rem)scale(.985);filter:blur(.06rem)}to{opacity:1;transform:translateY(0)scale(1);filter:blur(0)}}@keyframes entryGlow{0%{border-color:#6ad7ff7a;background:#6ad7ff24}to{border-color:var(--line);background:#ffffff08}}@keyframes modalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalOverlayOut{0%{opacity:1}to{opacity:0}}@keyframes modalPanelIn{0%{opacity:0;transform:translateY(.5rem)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes modalPanelOut{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.35rem)scale(.985)}}.boardIdentity{display:flex;align-items: center;gap:.75rem;min-width:0}.boardAvatar{border:.0625rem solid var(--line);object-fit:cover;border-radius:50%;flex:none;width:2.625rem;height:2.625rem}.rank{color:var(--accent);font-weight:800}.boardName,.barHeader{font-weight:800}.boardName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boardValue{white-space:nowrap;font-weight:800}.barTrack{overflow:hidden;background:#ffffff0f;border-radius:62.4375rem;height:.625rem;margin-top:.625rem}.barFill{border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));height:100%}.mutedRow{opacity:.8}.adminLayout{grid-template-columns:repeat(2,minmax(0,1fr))}.adminSessionsPanel{grid-column:1/-1}.sessionList{display:grid;gap:.625rem}.sessionRow{display:flex;border:.0625rem solid var(--line);background:#ffffff08;border-radius:1.125rem;justify-content:space-between;align-items: center;gap:1rem;padding:1rem}.sessionIdentity{min-width:0}.sessionTimes{display:grid;color:var(--muted);gap:.25rem;margin-top:.5rem;font-size:.82rem}.sessionActions{display:grid;flex:none;justify-items:end;gap:.625rem}.adminForm{display:grid;gap:.875rem}.adminForm.inline{grid-template-columns:minmax(0,1fr)auto;align-items: end}.roleRow{align-items: center}.ghostButton{border:.0625rem solid var(--line);color:var(--text);background:0 0}.panelHeader h2,.panelHeader h3{font-size:1.2rem}@media (max-width:70rem){.heroGrid,.heroMetricPanel .statsGrid,.selectedUserStats,.metricsStrip,.gridTwo,.boardGrid,.adminLayout{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (min-width:45.0625rem){.rangeButtons{display:flex}}@media (max-width:45rem){.page,.dashboardPage{padding:.875rem}.loginModal{width:100%;padding:1.5rem}.heroPanel,.panel,.topBar{border-radius:1.375rem}.heroPanel,.panel,.topBar{padding:1.125rem}.heroTop,.topBar,.selectedUserHeader,.controlsRow,.topBarActions,.userBadge,.boardIdentity,.roleRow,.sessionRow,.boardRow,.channelUserRow,.timelineRow,.barHeader{flex-direction:column;align-items:stretch}.sessionActions{justify-items:stretch}.adminForm.inline{grid-template-columns:minmax(0,1fr)}.modalOverlay{place-items:stretch;padding:.75rem}.selectedUserPanel{max-height:calc(100vh - 1.5rem)}.modalRangeControls,.modalChartsGrid,.chartSummaryStrip{grid-template-columns:minmax(0,1fr)}.rangeSelect{display:block}.rangeButtons{display:none}.timelinePagination{text-align:center;flex-direction:column;align-items:stretch}.boardAvatar{width:2.25rem;height:2.25rem}}@media (prefers-reduced-motion:reduce){.modalOverlay,.modalOverlay.closing,.selectedUserPanel,.selectedUserPanel[data-closing=true]{animation-duration:1ms}.viewReveal{opacity:1;filter:none;transform:none}.viewReveal.isInView{animation:none}}