:root{--bg: #FFFFFF;--bone: #F6F7F4;--wash: #ECE6FF;--surface: #FFFFFF;--border: #E4E3E1;--border-soft: #EEEDEB;--input-border: #BCBBBB;--text: #221D1D;--muted: #636161;--placeholder: #858387;--primary: #998EFF;--primary-dark: #7F73F0;--ink: #0F0F10;--midnight: #221D1D;--on-dark: #FFFFFF;--on-dark-muted: #BCBBBB;--midnight-hover: #322C2C;--ok-bg: #E1F0E6;--ok-fg: #1E5A33;--warn-bg: #FBEFC9;--warn-fg: #6B4E00;--crit-bg: #F9DEDA;--crit-fg: #8C1D12;--info-bg: #ECE6FF;--info-fg: #4A3FB5;--neu-bg: #F6F7F4;--neu-fg: #3D3A3A;--r-card: 20px;--r-badge: 8px;--r-pill: 1584px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;font-feature-settings:"ss07";font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.084px}a{color:var(--text);text-underline-offset:3px}a:hover{color:var(--primary-dark)}h1{margin:0;font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-1.24px}h2{margin:0;font-size:20px;font-weight:500;line-height:1.2;letter-spacing:-.4px}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.shell{display:flex;flex-wrap:wrap;min-height:100vh}.sidebar{flex:1 1 220px;max-width:260px;background:var(--midnight);padding:20px 12px;display:flex;flex-direction:column;gap:2px}.brand{color:var(--on-dark);font-size:20px;font-weight:500;letter-spacing:-.4px;padding:4px 12px 20px}.sidebar a{display:block;padding:10px 12px;border-radius:8px;color:var(--on-dark-muted);text-decoration:none;font-weight:450}.sidebar a:hover{background:var(--midnight-hover);color:var(--on-dark)}.sidebar a.active{background:var(--midnight-hover);color:var(--on-dark);font-weight:500;box-shadow:inset 3px 0 0 var(--primary)}.content{flex:999 1 560px;min-width:0;padding:32px 40px 48px;display:flex;flex-direction:column;gap:24px;background:var(--bone)}@media (max-width: 760px){.sidebar{max-width:none;flex-direction:row;flex-wrap:wrap}.content{padding:20px 16px}h1{font-size:32px;letter-spacing:-.96px}}.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.crumbs,.muted{color:var(--muted)}.crumbs{font-size:14px}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-card);padding:24px}.card.stack{display:flex;flex-direction:column;gap:16px}.tiles{display:flex;flex-wrap:wrap;gap:16px}.tile{flex:1 1 200px;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--r-card);padding:20px 24px}.tile .label{color:var(--muted);font-size:14px}.tile .value{font-size:32px;font-weight:500;line-height:1.1;letter-spacing:-.96px;margin-top:8px;font-variant-numeric:tabular-nums}.tile .note{font-size:14px;margin-top:4px}.btn{height:48px;padding:0 24px;border-radius:var(--r-pill);font:inherit;font-weight:500;letter-spacing:-.16px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--text);background:transparent;color:var(--text)}.btn:hover{background:var(--bone);color:var(--text)}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.btn.primary:hover{background:var(--midnight-hover);color:#fff}.btn.violet{background:var(--primary);border-color:var(--primary);color:#fff}.btn.violet:hover{background:var(--primary-dark);color:#fff}.btn.outline{border-color:var(--primary);color:var(--primary-dark)}.btn.outline:hover{background:var(--wash);color:var(--primary-dark)}.chip{height:40px;padding:0 16px;border-radius:var(--r-pill);font:inherit;font-size:14px;font-weight:450;cursor:pointer;border:1px solid var(--input-border);background:#fff;color:var(--text)}.chip:hover{border-color:var(--text)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}.field input{height:48px;padding:0 16px;border:1px solid var(--input-border);border-radius:var(--r-card);font:inherit;font-size:14px;color:var(--text);background:#fff;width:100%}.field input::placeholder{color:var(--placeholder)}.field input:focus{outline:none;border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.table-wrap{overflow-x:auto}.table{min-width:760px}.tr{display:grid;gap:12px;padding:14px 0;border-top:1px solid var(--border-soft);align-items:center;font-variant-numeric:tabular-nums}.tr.head{border-top:none;padding:8px 0;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:.13px}.right{text-align:right}.badge{padding:4px 12px;border-radius:var(--r-badge);font-size:13px;font-weight:500;white-space:nowrap}.badge.ok{background:var(--ok-bg);color:var(--ok-fg)}.badge.warn{background:var(--warn-bg);color:var(--warn-fg)}.badge.crit{background:var(--crit-bg);color:var(--crit-fg)}.badge.info{background:var(--info-bg);color:var(--info-fg)}.badge.neu{background:var(--neu-bg);color:var(--neu-fg)}.text-ok{color:var(--ok-fg)}.text-warn{color:var(--warn-fg)}.text-crit{color:var(--crit-fg)}.bar{height:14px;border-radius:7px;background:var(--border-soft);overflow:hidden;display:flex}.rule{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid var(--border-soft);cursor:pointer}.rule input{width:20px;height:20px;margin-top:2px;accent-color:var(--primary)}.login{min-height:100vh;display:flex;flex-wrap:wrap}.login .hero{flex:1 1 480px;background:linear-gradient(180deg,#fff 0%,var(--wash) 100%);color:var(--text);padding:64px;display:flex;flex-direction:column;justify-content:space-between;gap:32px}.login .hero h1{font-size:56px;line-height:1;letter-spacing:-2.8px;max-width:520px}.login .pane{flex:1 1 480px;background:var(--midnight);color:var(--on-dark);display:flex;align-items:center;justify-content:center;padding:48px}.login form{width:100%;max-width:380px;display:flex;flex-direction:column;gap:16px}.login .field{color:var(--on-dark-muted)}.login .field input{background:transparent;color:var(--on-dark);border-color:#636161}.login .btn{border-color:var(--on-dark);color:var(--on-dark)}.login .btn:hover{background:var(--midnight-hover);color:#fff}.login .btn.primary{background:#fff;border-color:#fff;color:var(--text)}.login .btn.primary:hover{background:var(--bone);color:var(--text)}.login a{color:var(--primary)}.alert{padding:12px 16px;border-radius:12px;background:var(--crit-bg);color:var(--crit-fg);font-size:13px}@media (max-width: 760px){.login .hero{padding:32px 20px}.login .hero h1{font-size:40px;letter-spacing:-1.24px}.login .pane{padding:32px 20px}}