:root{color-scheme:light;--surface-1: #fcfcfb;--page: #f9f9f7;--ink-1: #0b0b0b;--ink-2: #52514e;--ink-muted: #898781;--grid: #e1e0d9;--baseline: #c3c2b7;--ring: rgba(11,11,11,.1);--accent: #2a78d6;--accent-strong: #1c5cab;--status-good: #0ca30c;--status-warning: #fab219;--status-serious: #ec835a;--status-critical: #d03b3b;--delta-good: #006300}@media (prefers-color-scheme: dark){:root{color-scheme:dark;--surface-1: #1a1a19;--page: #0d0d0d;--ink-1: #ffffff;--ink-2: #c3c2b7;--ink-muted: #898781;--grid: #2c2c2a;--baseline: #383835;--ring: rgba(255,255,255,.1);--accent: #3987e5;--delta-good: #0ca30c}}*{box-sizing:border-box;margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--page);color:var(--ink-1)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--ring);padding:18px 12px;background:var(--surface-1)}.sidebar .brand{font-weight:700;font-size:15px;padding:6px 10px 16px}.sidebar .brand small{display:block;color:var(--ink-muted);font-weight:400;font-size:11px}.sidebar nav a{display:block;padding:8px 10px;border-radius:8px;font-size:13.5px;color:var(--ink-2);margin-bottom:2px}.sidebar nav a:hover{color:var(--ink-1);background:var(--page)}.sidebar nav a.active{color:var(--ink-1);font-weight:600;background:var(--page)}.sidebar .session{margin-top:24px;padding:10px;font-size:11.5px;color:var(--ink-muted);border-top:1px solid var(--grid)}.sidebar .session button{margin-top:6px;font-size:12px;background:none;border:1px solid var(--ring);border-radius:6px;padding:4px 10px;cursor:pointer;color:var(--ink-2)}main.content{padding:24px 28px;max-width:1100px}main.content h1{font-size:19px;margin-bottom:4px}main.content .subtitle{color:var(--ink-2);font-size:13px;margin-bottom:18px}.card{background:var(--surface-1);border:1px solid var(--ring);border-radius:12px;padding:16px 18px;margin-bottom:14px}.card h2{font-size:14px;margin-bottom:10px}.row{display:flex;gap:14px;flex-wrap:wrap}.row .card{flex:1;min-width:200px;margin-bottom:0}.tile .label{font-size:12.5px;color:var(--ink-2)}.tile .value{font-size:30px;font-weight:600;margin:2px 0}.tile .hint{font-size:12px;color:var(--ink-muted)}.tile .hint.bad{color:var(--status-critical)}.tile .hint.good{color:var(--delta-good)}table.data{border-collapse:collapse;width:100%;font-size:13px}table.data th{text-align:left;color:var(--ink-muted);font-weight:600;font-size:12px;padding:6px 10px;border-bottom:1px solid var(--baseline)}table.data td{padding:8px 10px;border-bottom:1px solid var(--grid)}table.data tr.click{cursor:pointer}table.data tr.click:hover td{background:var(--page)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:600;padding:2px 8px;border-radius:999px;border:1px solid var(--ring);color:var(--ink-2)}.badge .dot{width:7px;height:7px;border-radius:50%}.badge.critical .dot{background:var(--status-critical)}.badge.serious .dot{background:var(--status-serious)}.badge.warning .dot{background:var(--status-warning)}.badge.good .dot{background:var(--status-good)}.badge.neutral .dot{background:var(--ink-muted)}.badge.accent .dot{background:var(--accent)}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.btn:hover{background:var(--accent-strong)}.btn.secondary{background:none;color:var(--ink-2);border:1px solid var(--ring);font-weight:500}.btn.secondary:hover{color:var(--ink-1)}.btn.danger{background:var(--status-critical)}.btn:disabled{opacity:.5;cursor:default}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.field label{display:block;font-size:12px;color:var(--ink-2);margin-bottom:4px}.field input,.field select,.field textarea{width:100%;background:var(--page);border:1px solid var(--ring);border-radius:8px;padding:8px 10px;font-size:13px}.field input:focus,.field select:focus{outline:2px solid var(--accent);outline-offset:-1px}.alert-box{border-radius:8px;padding:10px 12px;font-size:13px;margin:10px 0;border:1px solid var(--ring)}.alert-box.error{border-color:var(--status-critical);color:var(--status-critical)}.alert-box.ok{border-color:var(--status-good);color:var(--delta-good)}.login-wrap{min-height:100vh;display:grid;place-items:center}.login-card{width:400px}.login-card h1{font-size:18px;margin-bottom:4px}.login-card .sep{display:flex;align-items:center;gap:10px;color:var(--ink-muted);font-size:11.5px;margin:14px 0}.login-card .sep:before,.login-card .sep:after{content:"";flex:1;height:1px;background:var(--grid)}.kv{display:grid;grid-template-columns:180px 1fr;gap:4px 14px;font-size:13px}.kv dt{color:var(--ink-muted)}.kv dd{margin:0}pre.json{background:var(--page);border:1px solid var(--grid);border-radius:8px;padding:10px;font-size:12px;overflow:auto;max-height:320px}