:root{--bg: #f6f5f3;--surface: #ffffff;--border: #e3e0da;--text: #1c1a17;--muted: #6f6a62;--accent: #b4472f;--accent-soft: #f7ece8;--ok: #2f7d54;--warn: #9a6a12;--crit: #b4302f;--radius: 10px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #16150f;--surface: #1f1e18;--border: #33312a;--text: #f0ede6;--muted: #9d978c;--accent: #e0755a;--accent-soft: #2e2119;--ok: #63b98a;--warn: #d9a94a;--crit: #e2695f;color-scheme:dark}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}h1{font-size:1.5rem;margin:0 0 .25rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:0 0 .75rem}h3{font-size:.85rem;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:.85rem}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:1.25rem 1rem;display:flex;flex-direction:column;gap:1.25rem}.brand{font-weight:650;display:flex;align-items:center;gap:.5rem}.brand .dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.nav{display:flex;flex-direction:column;gap:2px}.nav a{padding:.45rem .6rem;border-radius:8px;text-decoration:none;color:var(--muted);font-size:.92rem}.nav a:hover{background:var(--bg);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent);font-weight:550}.sidebar-footer{margin-top:auto;font-size:.82rem;color:var(--muted)}.linkish{background:none;border:0;padding:0;font:inherit;color:var(--muted);text-decoration:underline;cursor:pointer;white-space:nowrap}.linkish:hover{color:var(--ink, inherit)}.sidebar-user{display:flex;align-items:center;gap:.6rem}.main{padding:1.75rem 2rem;max-width:1100px}.page-header{margin-bottom:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.1rem 1.25rem;margin-bottom:1rem}.grid{display:grid;gap:1rem}.grid.cols-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid.cols-4{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem}.stat .value{font-size:1.6rem;font-weight:600;letter-spacing:-.02em}.stat .label{font-size:.8rem;color:var(--muted)}table{width:100%;border-collapse:collapse;font-size:.9rem}th{text-align:left;font-weight:550;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .6rem}td{padding:.55rem .6rem;border-top:1px solid var(--border)}tr.clickable:hover td{background:var(--bg);cursor:pointer}.table-wrap{overflow-x:auto}.pill{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--border)}.pill .dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.pill.on .dot{background:var(--ok)}.pill.off .dot{background:var(--muted)}.pill.warn .dot{background:var(--warn)}.pill.crit .dot{background:var(--crit)}button{font:inherit;padding:.4rem .8rem;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer}button:hover{border-color:var(--muted)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.danger{color:var(--crit);border-color:var(--crit)}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;padding:.4rem .6rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text)}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.spread{display:flex;justify-content:space-between;align-items:center;gap:1rem}.switch{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;border-bottom:1px solid var(--border)}.switch:last-child{border-bottom:none}.switch-label{font-weight:500}.switch-hint{font-size:.82rem;color:var(--muted)}.toggle{width:42px;height:24px;border-radius:999px;border:none;background:var(--border);position:relative;padding:0;flex:none}.toggle[data-on=true]{background:var(--ok)}.toggle:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .12s ease}.toggle[data-on=true]:after{transform:translate(18px)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;letter-spacing:.12em;background:var(--accent-soft);color:var(--accent);padding:.5rem .8rem;border-radius:8px;display:inline-block}.banner{border-radius:var(--radius);padding:.8rem 1rem;margin-bottom:1rem;border:1px solid var(--border);background:var(--surface)}.banner.crit{border-color:var(--crit);color:var(--crit)}.banner.warn{border-color:var(--warn);color:var(--warn)}.signin{max-width:460px;margin:15vh auto;padding:2rem}.signin-options{display:flex;gap:.6rem;margin-top:1.25rem}.empty{color:var(--muted);padding:1.5rem 0;text-align:center}