:root{color-scheme:dark;--canvas:#aec0ed;--bg:#121118;--surface:#1a1922;--raised:#21202a;--line:#2b2934;--text:#f2f1f6;--muted:#b0adbf;--subtle:#878496;--lime:#d1ed8c;--purple:#b7a2ed;--radius:14px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,select{cursor:pointer}button{color:inherit}button:disabled{opacity:.5;cursor:wait}a{color:inherit}button{border:0}input,select,textarea{background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:8px;outline:none}input,textarea{padding:.75rem 1rem}select{padding:.55rem .75rem}input:focus,select:focus,textarea:focus{border-color:var(--purple)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple);outline-offset:4px}h1,h2,h3,p{margin:0}h1{font-size:clamp(1.6rem,2.1vw,2.25rem);font-weight:550;letter-spacing:-.055em;line-height:1.25}h2{font-size:1rem;font-weight:550;letter-spacing:-.015em}h3{font-size:.9375rem;font-weight:550;margin-top:1.5rem;margin-bottom:.75rem}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:100px;background:var(--lime);color:var(--bg);padding:.75rem;z-index:10}.skip-link:focus{top:16px}
.shell{max-width:1640px;min-height:calc(100vh - 48px);margin:24px auto;background:var(--bg);border:1px solid #454253;border-radius:22px;display:flex;box-shadow:0 24px 70px #181b4e2e;overflow:hidden}.nav-rail{width:76px;flex:none;background:#17161e;border-right:1px solid var(--line);padding:24px 0;display:flex;align-items:center;flex-direction:column;gap:36px}.brand-orb{display:block;flex:none;width:30px;height:30px;border-radius:50%;background:var(--lime);position:relative;overflow:hidden}.brand-orb:after{content:"";position:absolute;width:22px;height:37px;right:-6px;top:-4px;border-radius:50%;background:var(--purple);transform:rotate(-25deg)}.nav-items{display:flex;flex-direction:column;gap:16px}.nav-button{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:none;color:#aba8b8;border-radius:12px}.nav-button:hover{color:var(--text);background:var(--raised)}.nav-button.active{color:var(--purple);background:#2e263f}.nav-button.active:before{content:"";position:absolute;left:-16px;width:3px;height:20px;border-radius:2px;background:var(--purple)}.nav-tooltip{display:none;position:absolute;left:50px;padding:7px 12px;background:#383042;border:1px solid var(--line);border-radius:6px;z-index:5;color:var(--text);font-size:.875rem;white-space:nowrap}.nav-button:hover .nav-tooltip,.nav-button:focus-visible .nav-tooltip{display:block}.nav-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:16px}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#bbabd9;color:#251d31;font-size:.875rem;font-weight:650;border:3px solid #534766}.avatar.small{width:28px;height:28px;font-size:.75rem;border-width:2px}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--line);gap:16px}.wordmark{display:flex;align-items:center;gap:12px;font-size:1.125rem;font-weight:650;letter-spacing:-.045em}.tiny-label{font-size:.625rem;line-height:1;border:1px solid #47434f;color:var(--muted);border-radius:5px;padding:4px 6px;letter-spacing:.12em;font-weight:500}.topbar-right{display:flex;align-items:center;gap:16px}.sync-label{font-size:.8125rem;color:var(--muted)}.header-divider{width:1px;height:20px;background:var(--line)}.user-name{font-size:.875rem}.icon-button{width:32px;height:32px;border-radius:8px;background:none;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button:hover{background:var(--raised);color:var(--text)}.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;flex:1}.main-content{padding:32px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{color:var(--subtle);font-size:.75rem;margin-bottom:8px}.page-heading p{color:var(--muted);font-size:.875rem;margin-top:8px}.period-control{display:flex;align-items:center;gap:6px;flex:none;border:1px solid var(--line);border-radius:9px;padding-left:12px;color:var(--muted)}.period-control select{background:transparent;border:0;font-size:.875rem;padding:8px}.period-control select option{background:var(--raised)}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}.kpi{padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}.kpi.lime{border-color:#3a4430;background:linear-gradient(125deg,#20231c,#191a1d 65%)}.kpi.purple{background:linear-gradient(125deg,#24202e,#1a1922 70%);border-color:#3b314d}.kpi-heading{display:flex;justify-content:space-between;align-items:center;gap:4px;color:var(--muted);font-size:.875rem;white-space:nowrap}.kpi-heading svg{flex:none;color:var(--subtle)}.kpi-value{font-size:clamp(1.65rem,2.4vw,2.5rem);font-weight:500;letter-spacing:-.055em;margin:10px 0 4px;white-space:nowrap}.kpi.lime .kpi-value{color:var(--lime)}.kpi.purple .kpi-value{color:var(--purple)}.kpi-foot{display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:.75rem;color:var(--muted);min-height:36px}.kpi-foot .spark{width:64px}.spark{width:78px;height:34px;stroke:var(--lime);stroke-width:1.8;fill:none}.spark.purple{stroke:var(--purple)}.spark-empty{font-size:.75rem;color:var(--subtle)}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 16px}.panel-head h2{display:flex;align-items:center;gap:10px}.panel-sub{color:var(--muted);font-size:.8125rem;margin-top:5px}.panel-head select{font-size:.8125rem;border:none;background:none;padding-right:4px;color:var(--muted)}.count-pill{padding:1px 7px;background:var(--raised);color:var(--muted);border:1px solid var(--line);border-radius:5px;font-size:.75rem}.segmented{display:flex;gap:2px;background:var(--bg);border:1px solid var(--line);border-radius:24px;padding:3px}.segmented button{font-size:.8125rem;padding:5px 12px;border-radius:20px;color:var(--muted);background:none}.segmented button.selected{background:var(--purple);color:#221b31}.trend-meta{display:flex;justify-content:space-between;align-items:center;padding:0 24px 10px;gap:12px}.trend-meta select{background:none;border:none;font-size:.8125rem;padding:0;max-width:210px;color:var(--muted)}.chart-legend{display:flex;gap:16px;font-size:.75rem;color:var(--muted)}.chart-legend span,.coverage-row span{display:flex;align-items:center;gap:8px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);flex:none}.legend-dot.purple{background:var(--purple)}.plot{display:block;width:100%;padding:6px 18px 0;height:auto;max-height:280px;overflow:visible}.plot text{fill:var(--subtle);font-size:12px}.gridline{stroke:var(--line);stroke-width:1;stroke-dasharray:2 5}.line-main{stroke:var(--lime);stroke-width:2.3;fill:none;stroke-linejoin:round;stroke-linecap:round}.line-secondary{stroke:var(--purple);stroke-width:2.3;fill:none;stroke-linejoin:round;stroke-linecap:round}.plot-point{fill:var(--lime);opacity:0;transition:opacity .2s}.plot:hover .plot-point{opacity:1}.history-link{margin:8px 24px 16px}.text-button{background:none;color:var(--muted);font-size:.8125rem;padding:0;text-decoration:none;display:inline-flex;align-items:center;gap:8px}.text-button:hover{color:var(--purple)}.chart-empty{height:216px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:repeating-linear-gradient(0deg,transparent 0,transparent 51px,#25232e 52px,#25232e 53px);font-size:.875rem}.chart-empty span{color:var(--purple)}.chart-empty strong{font-weight:500}.chart-empty p{font-size:.8125rem;text-align:center;max-width:320px;padding:0 12px}
.table-controls{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:0 24px 16px}.search-box{display:flex;align-items:center;gap:8px;color:var(--subtle)}.search-box input{padding:4px 0;border:0;background:none;width:220px;font-size:.875rem}.table-controls select{font-size:.8125rem;padding:5px 8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.875rem;text-align:left;white-space:nowrap}th{font-weight:400;color:var(--muted);padding:11px 12px;font-size:.75rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}td{padding:11px 12px;border-bottom:1px solid #272530}td:first-child,th:first-child{padding-left:24px}td:last-child,th:last-child{padding-right:24px}tbody tr:hover{background:#1e1c27}.project-button{display:flex;align-items:center;text-align:left;gap:12px;background:none;padding:0}.project-button strong{font-size:.875rem;display:block;font-weight:500}.project-button small{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:.75rem;color:var(--subtle);margin-top:2px}.project-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--purple);background:#312940;border:1px solid #433654}.project-icon.color-1{color:var(--lime);background:#2e3525;border-color:#414b33}.project-icon.color-2{color:#98b7ef;background:#263043;border-color:#344563}.project-icon.color-3{color:#deaccb;background:#3b2936;border-color:#543749}.status{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--muted);border-radius:16px;padding:3px 8px;white-space:nowrap}.status:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%;flex:none}.status.online{color:var(--lime);background:#272e20}.status.maintenance{color:#eac389;background:#362e22}.status.unknown{color:#b4aebb;background:#2d2933}.numeric{font-variant-numeric:tabular-nums}.partial{display:block;font-size:.6875rem;color:var(--subtle)}.pinned-label{font-size:.6875rem;color:var(--purple)}.table-foot{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;color:var(--subtle);font-size:.75rem;gap:16px}.empty-cell{text-align:center;padding:40px}.history-scroll{max-height:500px}.history-scroll th{position:sticky;top:0;background:var(--surface);z-index:1}
.right-rail{border-left:1px solid var(--line);padding:30px 24px;background:#15141c;display:flex;flex-direction:column}.rail-section{padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.6875rem;letter-spacing:.09em;color:var(--subtle);margin-bottom:20px}.rail-section h2{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:1rem;font-weight:500}.rail-section>p.muted{font-size:.8125rem;margin-top:8px}.server-stat{margin-top:20px}.server-stat>div{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--muted);margin-bottom:10px}.server-stat strong{color:var(--text);font-weight:500}progress{appearance:none;width:100%;height:5px;display:block;border:0;border-radius:4px;background:#302c3a}progress::-webkit-progress-bar{background:#302c3a;border-radius:4px}progress::-webkit-progress-value{background:var(--purple);border-radius:4px}progress::-moz-progress-bar{background:var(--purple);border-radius:4px}.server-load{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--muted);margin-top:20px}.server-load strong{font-weight:500;color:var(--text)}.coverage h2{line-height:1.5}.coverage-ring{width:132px;height:132px;margin:16px auto;position:relative}.coverage-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.coverage-ring circle{fill:none;stroke-width:7;stroke-linecap:round}.ring-track{stroke:#302a3d}.ring-value{stroke:var(--purple)}.coverage-ring>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.coverage-ring strong{font-size:2rem;font-weight:500;letter-spacing:-.04em}.coverage-ring span{font-size:.75rem;color:var(--muted)}.coverage-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:.8125rem;color:var(--muted)}.coverage-row strong{color:var(--text);font-weight:500}.rail-note{font-size:.75rem;color:var(--subtle);line-height:1.65;margin-top:20px}.activity-list{display:flex;flex-direction:column;gap:20px}.activity-item{display:flex;gap:12px;align-items:flex-start}.activity-marker{width:6px;height:6px;margin-top:7px;background:var(--purple);border-radius:50%;flex:none}.activity-item p{font-size:.8125rem;line-height:1.5}.activity-item time{font-size:.75rem;color:var(--subtle);display:block;margin-top:4px}.private-note{margin-top:auto;display:flex;gap:8px;align-items:center;font-size:.75rem;color:var(--muted)}.workspace-footer{display:flex;justify-content:space-between;gap:16px;padding:16px 32px;border-top:1px solid var(--line);font-size:.75rem;color:var(--subtle)}.footer-separator{margin:0 12px;color:#524b60}
.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--purple);background:var(--purple);color:#21192f;padding:.65rem 1rem;border-radius:9px;font-size:.875rem;font-weight:550;text-decoration:none}.primary:hover{background:#cbb6fc}.full{width:100%}.loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);gap:24px}.auth-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:auto;align-items:center;gap:60px;padding:60px}.auth-decoration{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px}.brand-orb.large{width:240px;height:240px;box-shadow:0 40px 80px #46578c36;transform:rotate(-20deg)}.brand-orb.large:after{width:190px;height:280px;right:-60px;top:-12px}.auth-caption{font-size:.75rem;letter-spacing:.25em;color:#32416a}.auth-card{background:var(--bg);border:1px solid #403b50;padding:40px;border-radius:22px;box-shadow:0 24px 65px #2a3a6426;max-width:470px;width:100%}.auth-card .wordmark{margin-bottom:40px}.auth-card h1{font-size:2rem;line-height:1.2;margin-bottom:14px}.auth-card>p{font-size:.9375rem;color:var(--muted);margin-bottom:28px}.auth-card form{display:flex;flex-direction:column}.auth-card label,.settings-panel label,.dialog-body label:not(.checkbox-label){font-size:.875rem;margin-bottom:8px;display:block}.auth-card input{margin-bottom:18px}.form-hint{color:var(--muted);font-size:.8125rem;margin-bottom:16px}.form-error{color:#f4b1b6;font-size:.875rem;line-height:1.5;min-height:24px;margin-bottom:12px}.auth-foot{display:flex;align-items:center;gap:7px;justify-content:center;font-size:.75rem;color:var(--subtle);margin-top:28px}.settings-panel{padding:24px}.settings-panel>.muted{font-size:.875rem;margin:12px 0 24px}.settings-panel form{max-width:400px}.settings-panel input{display:block;width:100%;margin-bottom:20px}.server-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:28px}.server-project{display:flex;align-items:center;justify-content:space-between;padding:12px;background:var(--raised);border:1px solid var(--line);border-radius:8px;text-align:left;font-size:.875rem}
dialog{border:1px solid #484150;background:var(--surface);color:var(--text);border-radius:18px;padding:0;width:min(760px,calc(100vw - 32px));max-height:calc(100vh - 48px);box-shadow:0 32px 90px #0009}dialog::backdrop{background:#08060ec9;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:1.5rem}.dialog-body{padding:24px;overflow:auto}.dialog-project-meta{display:flex;align-items:center;gap:16px;font-size:.8125rem;color:var(--muted);flex-wrap:wrap}.detail-kpis{display:flex;gap:40px;padding:24px 0;border-bottom:1px solid var(--line)}.detail-kpis>div{display:flex;flex-direction:column;gap:8px}.detail-kpis span{font-size:.8125rem;color:var(--muted)}.detail-kpis strong{font-size:1.5rem;font-weight:500;color:var(--purple)}.source-list{margin:0 0 24px;padding-left:20px;font-size:.875rem;color:var(--muted);line-height:1.8}.checkbox-label{display:flex;gap:10px;align-items:center;margin:20px 0;font-size:.875rem}.checkbox-label input{accent-color:var(--purple);width:16px;height:16px}.dialog-body textarea{width:100%;resize:vertical}.detail-history{max-height:240px;overflow:auto}.detail-history table{font-size:.8125rem}.detail-history td:first-child,.detail-history th:first-child{padding-left:0}#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:20;padding:12px 20px;border-radius:10px;background:#34303e;border:1px solid #655477;color:var(--text);font-size:.875rem;transition:opacity .2s,transform .2s;max-width:calc(100vw - 32px)}#toast.show{opacity:1;transform:translate(-50%,0)}
@media(min-width:1640px){.shell{margin:24px}}
@media(max-width:1360px){.shell{margin:16px;min-height:calc(100vh - 32px)}.content-layout{grid-template-columns:minmax(0,1fr) 224px}.main-content{padding:24px}.right-rail{padding:24px 20px}.kpi{padding:16px 14px}.kpi-heading{font-size:.8125rem}.kpi-foot .spark{display:none}.kpi-value{font-size:2rem}.panel-head{padding:20px}.table-controls{padding:0 20px 16px}}
@media(max-width:1100px){.content-layout{grid-template-columns:1fr}.right-rail{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:24px}.rail-section{margin:0;border:0;padding:0}.private-note{grid-column:1/-1}.kpi-foot .spark{display:block}.coverage-ring{width:110px;height:110px}.nav-rail{width:68px}.topbar{padding:0 24px}}
@media(max-width:760px){.shell{margin:0;border-radius:0;border:0;min-height:100vh}.nav-rail{width:58px;padding:20px 0;gap:28px}.nav-button{width:38px;height:38px}.nav-button.active:before{left:-10px}.nav-items{gap:12px}.nav-tooltip{left:42px}.topbar{height:66px;padding:0 20px}.topbar-right{gap:10px}.sync-label,.user-name,.header-divider{display:none}.main-content{padding:24px 20px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:24px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-foot .spark{display:none}.kpi-value{font-size:1.875rem}.kpi-heading{font-size:.8125rem;white-space:normal}.kpi-heading svg{display:none}.kpi-foot{min-height:24px;font-size:.75rem}.panel-head{align-items:flex-start;flex-wrap:wrap;gap:12px;padding:18px}.trend-meta{padding:0 18px 8px;flex-wrap:wrap}.plot{padding:10px 12px 0}.plot text{font-size:20px}.table-controls{padding:0 18px 16px;gap:12px;flex-wrap:wrap}.search-box input{width:180px}.table-foot{padding:14px 18px;flex-wrap:wrap}.right-rail{grid-template-columns:1fr 1fr;padding:20px;gap:24px}.right-rail .rail-section:last-of-type{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}.workspace-footer{padding:16px 20px;flex-wrap:wrap}.auth-page{display:flex;justify-content:center;padding:24px;min-height:100vh}.auth-decoration{display:none}.auth-card{padding:28px}.server-projects{grid-template-columns:1fr}}
@media(max-width:420px){.main-content{padding:24px 14px}.topbar{padding:0 14px}.wordmark{font-size:1rem;gap:8px}.tiny-label{display:none}.kpi-grid{grid-template-columns:1fr}.kpi{padding:16px}.kpi-heading{font-size:.875rem}.kpi-foot .spark{display:block}.panel-head h2{font-size:.9375rem}.segmented button{padding:5px 9px}.trend-meta select{max-width:170px}.chart-legend{gap:12px;font-size:.75rem;flex-wrap:wrap}.plot text{font-size:32px}.right-rail{grid-template-columns:1fr}.right-rail .rail-section{grid-column:1;border-bottom:1px solid var(--line);padding-bottom:24px}.right-rail .rail-section:last-of-type{border-top:0;padding-top:0}.search-box input{width:155px}.auth-page{padding:16px}.auth-card{padding:24px}.auth-card h1{font-size:1.75rem}.dialog-head,.dialog-body{padding:18px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sync-label.stale{color:#eac389}.segmented{flex-wrap:wrap;max-width:100%}.kpi-foot .spark-empty{display:none}.sr-only{left:0;top:0}
.status,.segmented button,th,.table-controls select,.panel-head select,.trend-meta select,.text-button,.server-stat>div,.server-load,.coverage-row,.activity-item p,.sync-label{font-size:.875rem}.section-label,.partial,.pinned-label{font-size:.75rem}

/* The dashboard occupies the viewport without an outer canvas. */
body{background:var(--bg)}.shell{width:100%;max-width:none;min-height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.auth-caption{color:var(--muted)}
.filter-grid{justify-content:flex-start;flex-wrap:wrap;gap:12px;align-items:flex-end}.filter-grid>label:not(.checkbox-label){display:flex;flex-direction:column;gap:5px;font-size:.75rem;color:var(--muted)}.filter-grid select{max-width:220px}.filter-grid .checkbox-label{margin:0 0 6px}.sort-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.8125rem;color:var(--muted)}.sort-controls label{display:flex;align-items:center;gap:8px}.compact-servers{display:grid;gap:12px;margin-top:16px}.compact-server{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px;text-align:left}.compact-server>div{display:flex;flex-wrap:wrap;gap:6px;align-items:center;justify-content:space-between}.compact-server strong{font-size:.875rem;font-weight:500}.compact-server small{display:block;color:var(--muted);font-size:.75rem;margin-top:8px;line-height:1.6}
.server-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.server-card{margin-bottom:0}.server-card-body{padding:0 24px 24px}.system-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.system-grid>div{display:flex;flex-direction:column;gap:6px;min-width:0}.system-grid span{font-size:.8125rem;color:var(--muted)}.system-grid strong{font-weight:500;overflow-wrap:anywhere}.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.server-card h3{margin:24px 0 16px}.server-projects{grid-template-columns:1fr;margin-bottom:0}.server-project{gap:12px}.server-project>.status{flex:none}.warning-note{margin-top:12px;color:#eac389;font-size:.875rem}
dialog{width:min(1320px,calc(100vw - 32px));max-height:calc(100dvh - 32px);scroll-behavior:smooth}.dialog-head{position:sticky;top:0;background:var(--surface);z-index:3}.dialog-body{padding:28px}.detail-nav{display:flex;flex-wrap:wrap;gap:8px;padding:20px 0}.detail-nav a{color:var(--purple);background:var(--raised);border:1px solid var(--line);border-radius:8px;text-decoration:none;font-size:.875rem;padding:8px 12px}.dialog-body>section{scroll-margin-top:120px;margin-top:28px}.dialog-body h3{font-size:1rem;margin-bottom:16px}.detail-metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.detail-metric{background:var(--raised);border:1px solid var(--line);border-radius:10px;padding:18px;min-width:0}.detail-metric>span{font-size:.875rem;color:var(--muted)}.detail-metric>strong{display:block;color:var(--purple);font-size:1.875rem;font-weight:500;margin-top:8px;overflow-wrap:anywhere}.detail-metric small{font-size:.8125rem;color:var(--muted);font-weight:400}.detail-metric p{font-size:.8125rem;color:var(--muted);line-height:1.6;margin-top:8px}.detail-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.detail-chart-grid>.panel{margin-bottom:0}.detail-chart-grid>.panel:last-child{grid-column:1/-1}.detail-history{max-height:360px}.detail-history td:first-child,.detail-history th:first-child{padding-left:16px}.detail-history th{position:sticky;top:0;background:var(--surface)}.dialog-body .rail-note{margin-top:12px}
@media(min-width:2000px){.content-layout{grid-template-columns:minmax(0,1fr) 300px}.main-content{padding:40px}.kpi-value{font-size:2.75rem}}
@media(max-width:1250px){.server-grid{grid-template-columns:1fr}.detail-chart-grid{grid-template-columns:1fr}}
@media(max-width:760px){.detail-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dialog-body{padding:18px}.sort-controls{width:100%}.filter-grid .search-box{width:100%}.filter-grid>label:not(.checkbox-label){flex:1;min-width:150px}.filter-grid select{max-width:100%;width:100%}.server-card-body{padding:0 18px 18px}}
@media(max-width:420px){.detail-metric-grid{grid-template-columns:1fr}.system-grid{grid-template-columns:1fr}.detail-nav a{font-size:.8125rem;padding:7px}.server-project{flex-wrap:wrap}.sort-controls label{flex-wrap:wrap}.filter-grid>label:not(.checkbox-label){min-width:0;width:100%;flex:auto}.filter-grid select{min-width:0}.sort-controls select{max-width:170px}}

.cohort-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:24px}.cohort-grid .detail-metric{padding:16px}.cohort-grid strong{font-size:1.75rem}@media(max-width:1360px){.cohort-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.cohort-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.cohort-grid{grid-template-columns:1fr}}
.shell{overflow:clip}.nav-rail{position:sticky;top:0;height:100dvh;align-self:flex-start;flex-shrink:0}.detail-chart-grid>.panel:last-child{grid-column:auto}

/* Date ranges, comparisons and a persistent alternate appearance. */
:root{--positive:#b4e688;--negative:#ffa7b0}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f6fa;--surface:#fff;--raised:#f0eef5;--line:#dddbe5;--text:#24212c;--muted:#595462;--subtle:#696371;--lime:#48690e;--purple:#70509e;--positive:#24743a;--negative:#ad293c}
[data-theme="light"] .nav-rail,[data-theme="light"] .right-rail{background:#faf9fc}
[data-theme="light"] .nav-button{color:var(--muted)}[data-theme="light"] .nav-button.active{background:#ebe3f5;color:var(--purple)}[data-theme="light"] .nav-tooltip{background:var(--surface)}
[data-theme="light"] .kpi.lime{background:#f1f7e9;border-color:#d3e1be}[data-theme="light"] .kpi.purple{background:#f4f0fa;border-color:#ded2ec}
[data-theme="light"] .primary,[data-theme="light"] .segmented button.selected{color:#fff}[data-theme="light"] .primary:hover{background:#5d3d8b}
[data-theme="light"] td{border-color:var(--line)}[data-theme="light"] tbody tr:hover{background:#f7f5fa}
[data-theme="light"] .status.online{background:#ebf3df;color:#48690e}[data-theme="light"] .status.maintenance{background:#fff1d9;color:#80521a}[data-theme="light"] .status.unknown{background:#ece9f0;color:#655c6d}
[data-theme="light"] .project-icon{background:#ede6f7;border-color:#dccdec;color:#70509e}[data-theme="light"] .project-icon.color-1{background:#edf3e2;border-color:#d4e1ba;color:#4c690e}[data-theme="light"] .project-icon.color-2{background:#e7eef9;border-color:#ccd9ed;color:#416291}[data-theme="light"] .project-icon.color-3{background:#f8e9f1;border-color:#edd0df;color:#8a416a}
[data-theme="light"] .form-error,[data-theme="light"] .range-error{color:var(--negative)}[data-theme="light"] .warning-note,[data-theme="light"] .sync-label.stale{color:#80521a}
[data-theme="light"] .chart-empty{background:repeating-linear-gradient(0deg,transparent 0,transparent 51px,var(--line) 52px,var(--line) 53px)}
[data-theme="light"] dialog{border-color:var(--line);box-shadow:0 24px 60px #39304b35}[data-theme="light"] dialog::backdrop{background:#39304b66}[data-theme="light"] .auth-card{border-color:var(--line);box-shadow:0 16px 48px #39304b18}[data-theme="light"] .toast{background:var(--surface);color:var(--text)}
.theme-toggle{border:1px solid var(--line);background:var(--surface);border-radius:8px;padding:.4rem .7rem;font-size:.8125rem;white-space:nowrap;color:var(--muted)}.theme-toggle:hover{background:var(--raised);color:var(--text)}.auth-card>.theme-toggle{float:right;margin-bottom:20px}
.range-panel{padding:16px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px}.range-form{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.range-form label{display:flex;flex-direction:column;gap:6px;font-size:.75rem;color:var(--muted);margin:0!important}.range-form input,.range-form select{font-size:.875rem;height:40px;min-width:0;padding:7px 10px;max-width:220px}.range-form input[type="number"]{max-width:110px}.range-form input[type="date"]{width:160px}.range-form .primary{height:40px}.range-error{font-size:.8125rem;color:var(--negative);width:100%}.range-error:empty{display:none}.range-summary{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:.75rem;color:var(--muted);margin-top:12px}.range-summary span{display:flex;align-items:center;gap:6px}.dialog-body .range-panel{margin-top:20px;margin-bottom:0}.dialog-body .range-form label{font-size:.75rem}
.kpi-value,.detail-metric>strong{display:flex;align-items:center;flex-wrap:wrap;gap:10px;white-space:normal}.change-badge{display:inline-flex;align-items:center;gap:5px;border:1px solid currentColor;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:500;letter-spacing:0;line-height:1.5}.change-badge.neutral{color:var(--subtle)}.positive,.change-badge.positive{color:var(--positive)}.negative,.change-badge.negative{color:var(--negative)}.change-badge small{font-size:.6875rem;color:inherit}.movement-line{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.75rem;line-height:1.6;margin-top:10px}.movement-line span{white-space:nowrap}.movement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 24px 20px}.movement-grid h3{margin:0;color:var(--muted);font-size:.875rem}.movement-note{padding:0 24px 20px;font-size:.75rem;color:var(--subtle);line-height:1.65}.cohort-grid .detail-metric strong{display:flex}
.plot-point.sparse{opacity:1}
.event-quick{display:flex;flex-wrap:wrap;gap:10px;padding:0 24px 20px}.event-quick button,.event-pagination button,.discord-actions button{border:1px solid var(--line);border-radius:8px;background:var(--raised);padding:9px 13px}.event-quick .primary,.discord-actions .primary{background:var(--purple)}.event-filter{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:0 24px 20px;border-bottom:1px solid var(--line)}.event-filter label{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.8125rem;min-width:0}.event-filter input,.event-filter select{height:42px;max-width:230px;min-width:0;padding:8px 10px}.event-filter .event-search{flex:1;min-width:170px}.event-search input{width:100%;max-width:none}.event-filter .form-error{width:100%}.event-filter .form-error:empty{display:none}.event-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:20px 24px 12px}.event-count{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px}.event-count span{display:block;color:var(--muted);font-size:.8125rem}.event-count strong{display:block;font-size:1.75rem;font-weight:500;margin-top:6px}.event-panel>#event-result>.rail-note{padding:0 24px 20px}.table-wrap{overflow:auto}.events-table{min-width:750px}.events-table time{white-space:nowrap}.events-table td{white-space:normal}.event-kind{font-size:.8125rem}.event-evidence{display:block;color:var(--subtle);margin-top:4px}.event-pagination{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:10px;padding:20px 24px;font-size:.8125rem}.event-pagination span{margin-right:auto;color:var(--muted)}.event-source-notes{border-top:1px solid var(--line);padding:18px 24px;font-size:.8125rem;color:var(--muted)}.event-source-notes summary{cursor:pointer;color:var(--text)}.event-source-notes p{margin-top:12px}.event-source-notes li{margin-top:10px}.discord-panel{margin-top:24px;max-width:700px}.discord-panel .panel-head{padding:0 0 16px}.discord-panel input[type=password]{width:100%;margin-top:6px}.discord-panel .rail-note{margin:10px 0}.discord-actions{display:flex;flex-wrap:wrap;gap:10px}.discord-panel #discord-status{margin-bottom:18px}.detail-nav button{font-size:.8125rem}.event-result>.muted{padding:20px}
@media(max-width:760px){.event-quick,.event-filter{padding:0 18px 18px}.event-counts{grid-template-columns:repeat(2,minmax(0,1fr));padding:18px}.event-filter label{flex:1;min-width:135px}.event-filter input,.event-filter select{width:100%;max-width:none}.event-panel>#event-result>.rail-note{padding:0 18px 18px}.event-pagination,.event-source-notes{padding:18px}}
@media(max-width:420px){.event-filter label{width:100%;flex:auto;min-width:0}.event-counts{grid-template-columns:1fr}.event-quick button{width:100%}.event-pagination{justify-content:flex-start}.event-pagination span{width:100%}}
@media(max-width:760px){.range-panel{padding:14px}.range-form label{flex:1;min-width:140px}.range-form input,.range-form select{width:100%;max-width:none}.range-form input[type="date"]{width:100%}.range-form .primary{flex:none}.movement-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 18px 18px}.topbar-right{gap:8px}.theme-toggle{padding:.35rem .5rem}.movement-note{padding:0 18px 18px}}
@media(max-width:420px){.range-form label{min-width:0;width:100%;flex:auto}.movement-grid{grid-template-columns:1fr}.range-summary{gap:8px}.kpi-value{gap:8px}.topbar .wordmark{font-size:.875rem}.topbar-right .user-name,.topbar-right .header-divider,.topbar-right .avatar{display:none}.range-form input[type="number"]{max-width:none}}

.play-status{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 16px;color:var(--muted);font-size:13px}.play-currencies{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:0 22px 18px}.play-filters{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.play-filters label{display:grid;gap:6px;font-size:12px;color:var(--muted)}.play-package{display:block;color:var(--muted);font-size:11px;margin-top:6px;overflow-wrap:anywhere}.play-chart{display:block;width:100%;max-height:230px;color:var(--muted);padding:8px 16px}.play-kpis .kpi-card{min-width:0}.play-kpis .kpi-card strong{font-size:32px}.play-kpis .rail-note{font-size:12px}.play-kpis .change-badge{font-size:13px}.play-kpis .positive{color:var(--lime)}.play-kpis .negative{color:#f58d9c}@media(max-width:800px){.play-filters{width:100%}.play-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.play-kpis .kpi-card strong{font-size:26px}}

.play-kpis .kpi-label{display:block;color:var(--muted);font-size:13px;margin-bottom:12px}.play-kpis strong{display:block;margin-bottom:8px}#play-content>.panel>h2{padding:22px 24px 8px}#play-content>.panel>.rail-note{padding:8px 24px 18px;line-height:1.7}.play-kpis .kpi:nth-child(1){background:linear-gradient(125deg,var(--raised),var(--surface));border-color:var(--purple)}