:root{--brand-accent:#4c8dff;--brand-accent-dim:#2f5fb0;--bg:#0f1216;--bg-raised:#161a20;--bg-inset:#0b0e12;--surface:#1b2028;--border:#272d37;--border-sub:#1e232b;--text:#e6e9ee;--text-dim:#9aa4b2;--text-mute:#6b7583;--ok:#3fb95a;--warn:#d8a029;--crit:#e5534b;--idle:#6b7583;--ok-bg:#3fb95a1f;--warn-bg:#d8a0291f;--crit-bg:#e5534b1f;--idle-bg:#6b75831f;--accent-bg:#4c8dff1f;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--r:6px;--sidebar-w:232px;--topbar-h:52px}:root[data-theme=light]{--bg:#f4f6f9;--bg-raised:#fff;--bg-inset:#eef1f5;--surface:#e9edf2;--border:#d5dbe3;--border-sub:#e2e7ee;--text:#1a1f27;--text-dim:#55606f;--text-mute:#8a93a1;--ok-bg:#2d96461f;--warn-bg:#b4821424;--crit-bg:#d23c341f;--idle-bg:#6b75831f;--accent-bg:#2f5fb01a}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.55}a{color:var(--brand-accent);text-decoration:none}a:hover{text-decoration:underline}button{color:inherit;font-family:inherit}:focus-visible{outline:2px solid var(--brand-accent);outline-offset:3px}[hidden]{display:none!important}input[type=checkbox]{width:auto;accent-color:var(--brand-accent)}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.topbar{height:var(--topbar-h);background:var(--bg-raised);border-bottom:1px solid var(--border);z-index:50;align-items:center;gap:18px;padding:0 18px;display:flex;position:fixed;inset:0 0 auto}.brand{white-space:nowrap;align-items:center;gap:9px;font-weight:600;display:flex}.brand-mark{background:var(--brand-accent);border-radius:4px;flex:none;width:18px;height:18px;position:relative}.brand-mark:after{content:"";background:var(--bg-raised);border-radius:1px;position:absolute;inset:5px}.brand-product{color:var(--text-dim);font-weight:500}.status-strip{font-family:var(--mono);color:var(--text-dim);scrollbar-width:none;align-items:center;gap:16px;margin-left:auto;font-size:12px;display:flex;overflow-x:auto}.status-strip::-webkit-scrollbar{display:none}.status-strip b{color:var(--text);font-weight:600}.status-node{white-space:nowrap;align-items:center;gap:7px;display:flex}.dot{background:var(--ok);border-radius:50%;flex:none;width:7px;height:7px}.dot.warn{background:var(--warn)}.dot.crit{background:var(--crit)}.topbar-user{align-items:center;gap:10px;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-dim);border-radius:var(--r);cursor:pointer;background:0 0;padding:4px 9px;font-size:12px}.icon-btn:hover{color:var(--text);border-color:var(--text-mute)}.shell{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);padding-top:var(--topbar-h);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:var(--bg-raised);top:var(--topbar-h);height:calc(100vh - var(--topbar-h));padding:16px 0;position:sticky;overflow-y:auto}.nav-group{margin-bottom:18px}.nav-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.09em;color:var(--text-mute);padding:0 18px 7px;font-size:10.5px}.sidebar a{color:var(--text-dim);border-left:2px solid #0000;justify-content:space-between;align-items:center;gap:8px;padding:7px 18px;text-decoration:none;display:flex}.sidebar a:hover{color:var(--text);background:var(--surface);text-decoration:none}.sidebar a.active{color:var(--text);border-left-color:var(--brand-accent);background:var(--surface)}.sidebar a:focus-visible{outline:2px solid var(--brand-accent);outline-offset:-2px}.nav-count{font-family:var(--mono);color:var(--text-mute);font-size:11px}main{min-width:0;max-width:1120px;padding:26px 30px 70px}h1{letter-spacing:-.015em;text-wrap:balance;margin:0 0 4px;font-size:21px;font-weight:600}h2{border-bottom:1px solid var(--border-sub);margin:0 0 14px;padding-bottom:9px;font-size:15px;font-weight:600}h3{margin:0 0 6px;font-size:13px;font-weight:600}p{max-width:70ch;color:var(--text-dim);margin:0 0 12px}.lede{color:var(--text-dim);max-width:70ch;margin-bottom:22px}section{margin-bottom:34px}.pill{font-family:var(--mono);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border-radius:3px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.pill.ok{color:var(--ok);background:var(--ok-bg)}.pill.warn{color:var(--warn);background:var(--warn-bg)}.pill.crit{color:var(--crit);background:var(--crit-bg)}.pill.idle{color:var(--idle);background:var(--idle-bg)}.pill.accent{color:var(--brand-accent);background:var(--accent-bg)}.tiles{grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px;margin-bottom:22px;display:grid}.tile{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px}.tile .k{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);margin-bottom:7px;font-size:10.5px}.tile .v{font-family:var(--mono);letter-spacing:-.02em;font-size:21px;font-weight:600;line-height:1.15}.tile .s{color:var(--text-mute);margin-top:3px;font-size:11.5px}.v.ok{color:var(--ok)}.v.warn{color:var(--warn)}.v.crit{color:var(--crit)}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);padding:16px 18px}.scroll-x{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);border-bottom:1px solid var(--border);white-space:nowrap;padding:0 12px 8px 0;font-size:10.5px;font-weight:600}td{border-bottom:1px solid var(--border-sub);vertical-align:middle;color:var(--text-dim);padding:9px 12px 9px 0}td:first-child{color:var(--text)}tr:last-child td{border-bottom:none}td.mono,th.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.num{text-align:right;font-variant-numeric:tabular-nums}.btn{background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:var(--r);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;display:inline-flex}.btn:hover{border-color:var(--text-mute)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.btn.primary:hover{background:var(--brand-accent-dim)}.btn.danger{color:var(--crit);border-color:color-mix(in srgb, var(--crit) 40%, transparent)}.btn.danger:hover{background:var(--crit-bg)}.btn.sm{padding:4px 10px;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}label{color:var(--text-dim);margin-bottom:5px;font-size:12px;display:block}input,select,textarea{background:var(--bg-inset);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--r);padding:8px 11px;font-family:inherit;font-size:14px}input:focus,select:focus,textarea:focus{border-color:var(--brand-accent);outline:none}textarea{resize:vertical;line-height:1.5;display:block}input.mono{font-family:var(--mono)}.field{margin-bottom:14px}.toggle{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.toggle input{display:none}.toggle .track{background:var(--border);border-radius:11px;width:40px;height:22px;transition:background .15s;position:relative}.toggle .track:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:2px;left:2px}.toggle input:checked+.track{background:var(--ok)}.toggle input:checked+.track:after{transform:translate(18px)}.banner{border:1px solid var(--border);border-left:3px solid var(--brand-accent);border-radius:var(--r);background:var(--bg-raised);margin-bottom:16px;padding:12px 15px}.banner.warn{border-left-color:var(--warn)}.banner.crit{border-left-color:var(--crit)}.banner.ok{border-left-color:var(--ok)}.modal-backdrop{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);width:100%;max-width:440px;padding:20px 22px;box-shadow:0 12px 40px #0006}.modal-title{margin:0 0 10px;font-size:16px}.modal-body{color:var(--text);margin-bottom:4px;font-size:13px}.modal-body .mono{word-break:break-all}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.kv{grid-template-columns:max-content 1fr;gap:6px 18px;margin:0;display:grid}.kv dt{color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em;align-self:center;font-size:12px}.kv dd{margin:0}.login-or{color:var(--text-mute);align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--border);flex:1;height:1px}.banner p:last-child{margin-bottom:0}.form-error{color:var(--crit);min-height:18px;margin-top:8px;font-size:13px}.login-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;width:100%;max-width:360px;padding:28px}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:22px;font-size:16px;font-weight:600;display:flex}.muted{color:var(--text-mute)}.spinner{color:var(--text-mute);font-family:var(--mono);text-align:center;padding:40px 0;font-size:13px}.qr{background:#fff;border-radius:8px;margin:12px auto;padding:8px;display:block}.embed{width:100%;height:calc(100vh - var(--topbar-h) - 120px);border:1px solid var(--border);border-radius:var(--r);background:var(--bg-inset)}@media (width<=820px){.shell{grid-template-columns:minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--border);gap:4px;height:auto;padding:10px 12px;display:flex;position:static;overflow-x:auto}.nav-group{gap:4px;margin:0;display:flex}.nav-label{display:none}.sidebar a{border-radius:var(--r);white-space:nowrap;border-bottom:2px solid #0000;border-left:none;padding:6px 11px}.sidebar a.active{border-left:none;border-bottom-color:var(--brand-accent)}.nav-count{display:none}main{padding:20px 16px 50px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.chart-svg{width:100%;display:block}.chart-empty{color:var(--text-mute);font-family:var(--mono);place-items:center;font-size:12px;display:grid}.chart-head{justify-content:space-between;align-items:baseline;margin-bottom:4px;display:flex}.chart-label{font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--text-mute);font-size:10.5px}.chart-now{font-size:13px;font-weight:600}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-bottom:22px;display:grid}.chart-card{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--r);padding:13px 15px}.sidebar-foot{margin-top:auto;padding:12px 18px 4px}.sidebar{flex-direction:column;display:flex}.nav-scroll{flex:1}.version{font-family:var(--mono);color:var(--text-mute);font-size:11px}.players-big{font-family:var(--mono);letter-spacing:-.02em;font-size:30px;font-weight:600}.tabs{flex-wrap:wrap;gap:4px;margin-bottom:14px;display:flex}.tab{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:var(--r);cursor:pointer;padding:6px 13px;font-size:13px}.tab.active{background:var(--brand-accent);border-color:var(--brand-accent);color:#fff}.modal-backdrop{z-index:100;background:#0000008c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-raised);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:26px}.modal-shell{color:var(--text);background:0 0;border:0;border-radius:10px;width:min(420px,100vw - 32px);max-height:calc(100vh - 32px);padding:0}.modal-shell::backdrop{background:#0009}.page-heading,.table-toolbar,.table-status,.pagination,.save-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.page-heading{margin-bottom:22px}.page-heading .lede{margin-bottom:0}.grow{flex:1}.table-toolbar{margin-bottom:16px}.search-field{flex:1;max-width:420px;margin:0}.search-field input{margin-top:5px}.table-status,.pagination,.hint{color:var(--text-dim);font-size:12px}.table-status{padding-bottom:12px}.pagination{border-top:1px solid var(--border);padding-top:14px}.blocklist-table{min-height:180px;max-height:min(60vh,640px);overflow:auto}.blocklist-table th{background:var(--bg-raised);padding-top:8px;position:sticky;top:0}.block-form{margin-bottom:18px}.form-row{align-items:end}.form-row .field{margin-bottom:0}.hint{margin:12px 0 0}.empty-state{text-align:center;padding:40px 20px}.empty-state p{margin:6px auto 0}.service-card{margin-bottom:10px;padding:0}.service-summary{cursor:pointer;align-items:center;gap:12px;padding:16px 18px;list-style:none;display:flex}.service-summary::-webkit-details-marker{display:none}.service-summary:before{content:"›";color:var(--text-dim);font-size:22px}.service-card[open]>.service-summary:before{transform:rotate(90deg)}.service-summary>div{flex:1;min-width:0}.service-summary strong{overflow-wrap:anywhere}.service-meta{color:var(--text-dim);margin-top:3px;font-size:12px;display:block}.service-editor{border-top:1px solid var(--border);padding:18px}.save-bar{z-index:10;border:1px solid var(--border);border-radius:var(--r);background:var(--bg-raised);margin-top:22px;padding:12px 16px;font-size:12px;position:sticky;bottom:12px;box-shadow:0 4px 20px #0003}.save-more{position:relative}.save-more>button{width:max-content;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 4px 20px #0003}.status-strip>span{white-space:nowrap}@media (width<=1150px){.status-strip{display:none}.topbar-user{margin-left:auto}}@media (width<=820px){.sidebar{flex-direction:row}.nav-scroll{gap:10px;display:flex}.sidebar-foot{display:none}.chart-grid{grid-template-columns:minmax(0,1fr)}.save-bar{bottom:0}}@media (width<=520px){.brand-product,.topbar-user>span{display:none}.page-heading{align-items:start}.service-summary,.service-editor{padding:12px}.save-bar>.grow,.form-row .field{flex-basis:100%}}