:root{color-scheme:dark;--bg: #07080b;--ink: #f8f3e7;--muted: #a9b0bb;--soft: #e4dccb;--line: rgba(217, 180, 95, .22);--line-strong: rgba(247, 231, 180, .34);--panel: rgba(14, 18, 25, .88);--panel-strong: rgba(28, 34, 44, .94);--green: #2fe6a8;--blue: #6cb7ff;--gold: #d9b45f;--champagne: #f7e7b4;--rose: #f06f8f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(118deg,#07080bf5,#0f1217f0 48%,#061111f0),linear-gradient(90deg,rgba(217,180,95,.08),transparent 24%,rgba(108,183,255,.05) 76%,transparent),repeating-linear-gradient(90deg,rgba(247,231,180,.035) 0,rgba(247,231,180,.035) 1px,transparent 1px,transparent 86px),repeating-linear-gradient(0deg,rgba(247,231,180,.024) 0,rgba(247,231,180,.024) 1px,transparent 1px,transparent 86px),var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{min-height:2.75rem;padding:0 1.1rem;border:1px solid var(--line-strong);border-radius:8px;background:linear-gradient(135deg,#f7e7b41a,#ffffff0a);color:var(--ink);cursor:pointer;font:inherit;font-weight:800}button:hover{border-color:var(--champagne);background:linear-gradient(135deg,#d9b45f33,#2fe6a814)}.confetti{position:fixed;inset:0;z-index:30;pointer-events:none}.winner-spotlight{position:fixed;inset:0;z-index:20;display:grid;place-items:center;pointer-events:none;background:linear-gradient(180deg,#07080beb,#07080bdb),linear-gradient(90deg,rgba(217,180,95,.12),transparent 20%,transparent 80%,rgba(47,230,168,.08)),#07080b;animation:spotlightScene 8.4s ease-out forwards}.winner-spotlight:before,.winner-spotlight:after{position:absolute;right:7vw;left:7vw;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(247,231,180,.7),transparent)}.winner-spotlight:before{top:11vh}.winner-spotlight:after{bottom:11vh}.winner-spotlight-card{display:grid;place-items:center;width:min(1120px,92vw);padding:3rem 2rem;text-align:center;transform-origin:center;animation:winnerEntrance 8.4s cubic-bezier(.16,1,.3,1) forwards}.winner-spotlight-card p{margin:0 0 1rem;color:#ffd765;font-size:1rem;font-weight:900;text-transform:uppercase}.winner-spotlight-card h2{max-width:13ch;margin:0 0 1.55rem;color:#f7e7b4;font-size:clamp(3.9rem,7.4vw,7.4rem);font-weight:950;line-height:.86;text-shadow:0 0 10px rgba(247,231,180,.28),0 0 34px rgba(217,180,95,.28)}.winner-spotlight-card h2 span{display:block}.winner-spotlight-card h2 span+span{margin-top:.26em;color:#d9b45f;font-size:.46em;line-height:1.05}.winner-spotlight-card strong{display:block;max-width:min(980px,92vw);overflow-wrap:anywhere;color:var(--ink);font-size:clamp(2.25rem,4.2vw,4.8rem);line-height:.98;text-shadow:0 0 14px rgba(247,231,180,.28),0 0 36px rgba(47,230,168,.18)}.board-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(26rem,28rem);gap:1rem;width:min(1240px,calc(100vw - 2rem));min-height:100vh;margin:0 auto;padding:1rem 0;--beat: 0}.victory-stage,.leaderboard{border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,rgba(247,231,180,.055),transparent 28%),linear-gradient(180deg,#0e1219f0,#080c12e6),var(--panel);box-shadow:0 24px 80px #00000075,inset 0 1px #f7e7b414}.board-shell.celebrating .victory-stage,.board-shell.celebrating .leaderboard{border-color:rgba(247,231,180,calc(.32 + var(--beat) * .48));box-shadow:0 24px 80px #00000075,0 0 calc(24px + var(--beat) * 42px) rgba(217,180,95,calc(.14 + var(--beat) * .2)),inset 0 0 calc(30px + var(--beat) * 40px) rgba(47,230,168,calc(.05 + var(--beat) * .12))}.victory-stage{display:grid;grid-template-rows:auto minmax(20rem,1fr) auto auto;min-height:calc(100vh - 2rem);padding:1.85rem}.top-bar,.control-row,.leaderboard-head,.leaderboard-row,.status-badge,.victory-kicker{display:flex;align-items:center}.top-bar{justify-content:space-between;gap:1rem}.eyebrow{margin:0 0 .45rem;color:var(--champagne);font-size:.78rem;font-weight:900;letter-spacing:0;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:var(--soft);font-size:1.45rem;line-height:1.1;letter-spacing:0}.status-badge{gap:.6rem;min-height:2.35rem;padding:0 .85rem;border:1px solid var(--line);border-radius:999px;background:#ffffff06;color:var(--muted);white-space:nowrap}.status-badge span{width:.72rem;height:.72rem;border-radius:999px;background:var(--rose)}.status-badge.online span{background:var(--green);box-shadow:0 0 #37e2a180;animation:pulse 1.9s infinite}.status-badge strong{font-size:.82rem}.hero-zone{display:flex;align-items:center;flex-direction:column;justify-content:center;padding:2rem 0;text-align:center;transform:scale(calc(1 + var(--beat) * .015));transform-origin:center;transition:transform 80ms linear}.victory-kicker{gap:.75rem;margin-bottom:1.2rem;justify-content:center;color:var(--champagne);font-size:.95rem;font-weight:900}.signal-line{display:block;width:3.4rem;height:2px;background:linear-gradient(90deg,var(--gold),var(--green));box-shadow:0 0 calc(10px + var(--beat) * 24px) #d9b45fb3}.hero-zone h2{max-width:100%;margin-bottom:1.15rem;color:var(--ink);font-size:5.85rem;line-height:.96;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 0 calc(4px + var(--beat) * 18px) rgba(247,231,180,calc(.14 + var(--beat) * .34)),0 0 calc(14px + var(--beat) * 32px) rgba(217,180,95,calc(.08 + var(--beat) * .24))}.board-shell.celebrating .hero-zone h2{animation:heroWinnerPulse .82s ease-in-out infinite alternate}.hero-zone h2>span{display:block}.hero-congrats{margin-bottom:.45rem;color:var(--gold);font-size:.34em;line-height:1.05;text-shadow:0 0 calc(8px + var(--beat) * 22px) rgba(217,180,95,calc(.26 + var(--beat) * .36))}.hero-zone p{max-width:43rem;margin-bottom:0;color:var(--soft);font-size:1.3rem;line-height:1.45}.victory-details{display:grid;grid-template-columns:1.05fr .95fr .9fr;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#d9b45f17,#ffffff06),var(--panel-strong);transform:translateY(calc(var(--beat) * -2px));transition:transform 80ms linear}.victory-details>div{min-width:0;padding:1rem}.victory-details>div+div{border-left:1px solid var(--line)}.victory-details span{display:block;margin-bottom:.55rem;color:var(--muted);font-size:.78rem}.victory-details strong{display:block;overflow:hidden;color:var(--ink);font-size:1.8rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.victory-details>div:first-child strong{color:var(--green);font-size:2.2rem;text-shadow:0 0 calc(4px + var(--beat) * 22px) rgba(55,226,161,calc(.18 + var(--beat) * .38))}.victory-details .manager-detail strong{display:block;min-height:2.45rem;overflow:visible;text-overflow:clip;white-space:normal}.victory-details>div:last-child strong{display:-webkit-box;min-height:2.45rem;overflow:hidden;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2}.control-row{flex-wrap:wrap;gap:.75rem;margin-top:1rem;color:var(--muted)}.control-row>span{margin-left:auto;font-size:.88rem}.primary-action{border-color:#d9b45f8c;background:linear-gradient(135deg,#d9b45f38,#6cb7ff14)}.sound-action.enabled{border-color:#37e2a17a;background:#37e2a11a}.leaderboard{min-width:0;min-height:calc(100vh - 2rem);padding:1.25rem}.leaderboard-head{justify-content:space-between;gap:1rem;margin-bottom:1rem}.leaderboard-head h2{margin-bottom:0;font-size:1.7rem;letter-spacing:0}.leaderboard-head>span{color:var(--muted);text-align:right;white-space:nowrap}.leaderboard-list{display:grid;gap:.65rem;padding:0;margin:0;list-style:none}.leaderboard-row{display:grid;grid-template-columns:2.35rem minmax(0,1fr) max-content;gap:.85rem;min-height:4.75rem;padding:.85rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#ffffff0e,#d9b45f09)}.rank{display:grid;place-items:center;width:2.35rem;height:2.35rem;border:1px solid rgba(217,180,95,.5);border-radius:999px;color:var(--gold);font-weight:900}.board-shell.celebrating .rank{transform:scale(calc(1 + var(--beat) * .08))}.manager-name{min-width:0}.manager-name strong,.manager-name small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manager-name small{margin-top:.2rem;color:var(--muted)}.manager-total{align-self:center;min-width:max-content;color:var(--green);font-size:clamp(.92rem,1.2vw,1rem);justify-self:end;white-space:nowrap}.empty-state{display:grid;place-items:center;min-height:9rem;border:1px dashed var(--line-strong);border-radius:8px;color:var(--muted);text-align:center}.analytics-screen{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:1rem;width:100%;height:100vh;overflow:hidden;padding:1.35rem;background:#eef2ee;color:#1f2b2c}.analytics-header,.analytics-source,.analytics-panel-head,.analytics-footer{display:flex;align-items:center}.analytics-header{justify-content:space-between;gap:1rem}.analytics-eyebrow,.analytics-panel-head p{margin:0 0 .35rem;color:#557072;font-size:.75rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.analytics-header h1{color:#1f2b2c;font-size:2rem}.analytics-source{align-items:flex-end;flex-direction:column;gap:.2rem;padding-left:1rem;border-left:3px solid #258f82;color:#557072}.analytics-source span{font-size:.76rem;font-weight:900;text-transform:uppercase}.analytics-source strong{color:#1f2b2c;font-size:.9rem}.analytics-source.offline{border-left-color:#c25d54}.analytics-source.stale{border-left-color:#bd8934}.analytics-kpis{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cad6d2;border-bottom:1px solid #cad6d2}.analytics-kpis div{min-width:0;padding:.8rem 1rem}.analytics-kpis div+div{border-left:1px solid #cad6d2}.analytics-kpis span{display:block;margin-bottom:.3rem;color:#607476;font-size:.77rem;font-weight:800}.analytics-kpis strong{display:block;overflow:hidden;color:#184e54;font-size:1.75rem;line-height:1;text-overflow:ellipsis;white-space:nowrap}.analytics-grid{display:grid;grid-template-columns:minmax(16rem,.95fr) minmax(26rem,1.35fr) minmax(16rem,.95fr);gap:1rem;min-height:0}.analytics-panel{display:flex;min-width:0;min-height:0;overflow:hidden;flex-direction:column;padding:1rem;border:1px solid #d1dbd7;border-radius:8px;background:#fbfcfa;box-shadow:0 12px 34px #29434214}.analytics-panel-head{justify-content:space-between;gap:.75rem;min-height:2.8rem}.analytics-panel-head h2{margin:0;color:#1f2b2c;font-size:1.35rem;line-height:1.05}.analytics-panel-head>strong{color:#16666b;font-size:1.8rem}.chart-donut-wrap,.chart-pie-wrap{position:relative;display:grid;min-height:0;place-items:center;flex:1 1 auto}.chart-donut,.chart-pie{width:min(100%,27rem);height:min(100%,27rem);filter:drop-shadow(0 12px 18px rgba(28,74,73,.12))}.donut-track,.donut-slice{fill:none;stroke-width:34}.donut-track{stroke:#e8eeeb}.donut-slice{transition:stroke-dasharray .28s ease-out}.deadline-donut{width:min(100%,34rem);height:min(100%,34rem);overflow:visible}.chart-center{position:absolute;display:grid;place-items:center;color:#1f2b2c}.chart-center strong{font-size:2.65rem;line-height:1}.chart-center span{margin-top:.25rem;color:#667b7c;font-size:.82rem}.chart-pie path,.chart-pie circle{stroke:#fbfcfa;stroke-width:2}.manager-pie{width:min(100%,31rem);height:min(100%,31rem);overflow:visible}.pie-callout polyline{fill:none;stroke:#718889;stroke-width:1.15}.donut-callout polyline{fill:none;stroke:#718889;stroke-width:.86}.donut-callout circle{fill:#718889}.donut-callout text{letter-spacing:0}.donut-callout-label{fill:#27393a;font-size:9px;font-weight:900}.donut-callout-value{fill:#718889;font-size:7.5px;font-weight:800}.pie-callout circle{fill:#718889;stroke:#fbfcfa;stroke-width:1}.pie-callout text{letter-spacing:0}.pie-callout-label{fill:#27393a;font-size:11px;font-weight:900}.pie-callout-value{fill:#718889;font-size:9px;font-weight:800}.chart-legend{display:grid;gap:.44rem .75rem;min-height:0;padding:.2rem 0 0;margin:auto 0 0;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none}.chart-legend li{display:grid;align-items:center;min-width:0;grid-template-columns:.65rem minmax(0,1fr);gap:.12rem .42rem;line-height:1.05}.legend-swatch{width:.6rem;height:.6rem;border-radius:2px;grid-row:span 2}.chart-legend strong,.chart-legend small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-legend strong{color:#334345;font-size:.8rem}.chart-legend small{color:#738384;font-size:.72rem}.bars-panel{justify-content:space-between}.bar-chart-wrap{display:grid;min-height:0;place-items:center;flex:1;padding:.7rem 0 0}.bar-chart{width:100%;height:100%;max-height:38rem}.bar-grid-line{stroke:#dfe7e4;stroke-width:1}.bar-column{opacity:.92}.bar-value{fill:#2e494b;font-size:15px;font-weight:900}.bar-label{fill:#607476;font-size:12px;font-weight:800}.analytics-footer{justify-content:space-between;gap:1rem;color:#667b7c;font-size:.76rem;font-weight:800}.screen-controls,.screen-controls label{display:flex;align-items:center}.screen-controls{gap:.55rem;margin-left:auto}.screen-controls label{gap:.45rem;color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.screen-controls select{min-height:2.45rem;padding:0 .65rem;border:1px solid var(--line-strong);border-radius:8px;background:#ffffff0f;color:var(--ink);cursor:pointer;font:inherit;font-weight:800}.screen-controls option{background:#141a22;color:var(--ink)}.switch-screen-action,.refresh-data-action{display:flex;align-items:center;gap:.4rem;min-height:2.45rem;padding:0 .85rem}.switch-screen-action span,.refresh-data-action span{font-size:1.15rem;line-height:1}.refresh-data-action:disabled{cursor:wait;opacity:.62}.analytics-screen .screen-controls label{color:#607476}.analytics-screen .screen-controls select,.analytics-screen .switch-screen-action,.analytics-screen .refresh-data-action{border-color:#bdcbc7;background:#fbfcfa;color:#244345}.analytics-screen .screen-controls option{background:#fbfcfa;color:#244345}.analytics-screen .switch-screen-action:hover,.analytics-screen .refresh-data-action:hover{border-color:#258f82;background:#e2eeea}.analytics-loading{display:grid;min-height:0;place-items:center;align-content:center;border:1px dashed #bdcbc7;border-radius:8px;background:#fbfcfa;color:#557072}.analytics-loading strong{margin-bottom:.4rem;color:#1f2b2c;font-size:1.4rem}.analytics-loading span{font-size:.88rem}@media(max-height:820px)and (min-width:981px){.analytics-panel{padding:.85rem}.chart-donut-wrap,.chart-pie-wrap{flex-basis:15rem}.chart-donut,.chart-pie{width:min(100%,18rem);height:min(100%,18rem)}.manager-pie{width:min(100%,20rem);height:min(100%,20rem)}.deadline-donut{width:min(100%,21rem);height:min(100%,21rem)}.chart-legend{gap:.22rem .58rem}.chart-legend strong{font-size:.72rem}.chart-legend small{font-size:.66rem}}@keyframes pulse{70%{box-shadow:0 0 0 .72rem #37e2a100}to{box-shadow:0 0 #37e2a100}}@keyframes winnerEntrance{0%{opacity:0;transform:translateY(2rem) scale(.94)}15%{opacity:1;transform:translateY(0) scale(1)}38%{transform:translateY(0) scale(1)}78%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-1rem) scale(.98)}}@keyframes spotlightScene{0%,78%{opacity:1}to{opacity:0}}@keyframes heroWinnerPulse{0%{transform:scale(1)}to{transform:scale(1.025)}}@media(max-width:980px){.board-shell{grid-template-columns:1fr;min-height:auto}.victory-stage,.leaderboard{min-height:auto}.hero-zone h2{font-size:4.6rem}.winner-spotlight-card strong{font-size:4.8rem}.analytics-screen{height:auto;min-height:100vh;overflow:visible}.analytics-grid{grid-template-columns:1fr}.chart-donut-wrap,.chart-pie-wrap{min-height:15rem}.victory-details{grid-template-columns:1fr}.victory-details>div+div{border-top:1px solid var(--line);border-left:0}}@media(max-width:560px){.board-shell{width:min(100vw - 1rem,1240px);padding:.5rem 0}.victory-stage,.leaderboard{padding:1rem}.top-bar,.leaderboard-head{align-items:flex-start;flex-direction:column}.hero-zone h2{font-size:3.25rem}.hero-zone p{font-size:1.05rem}.winner-spotlight-card{padding:1.1rem}.winner-spotlight-card{width:min(94vw,1120px);padding:2rem .8rem}.winner-spotlight-card h2{font-size:3.15rem}.winner-spotlight-card strong{font-size:2.35rem}.control-row{align-items:stretch;flex-direction:column}.control-row>span{margin-left:0}.screen-controls{align-items:stretch;flex-direction:column;margin-left:0}.screen-controls label{justify-content:space-between}.analytics-footer{align-items:stretch;flex-direction:column}.analytics-screen{gap:.75rem;padding:.85rem}.analytics-header{align-items:flex-start;flex-direction:column}.analytics-source{align-items:flex-start}.analytics-kpis strong{font-size:1.2rem}.analytics-kpis div{padding:.65rem .5rem}.chart-legend{grid-template-columns:1fr}.leaderboard-row{grid-template-columns:2.35rem minmax(0,1fr)}.manager-total{grid-column:2;justify-self:start}}