:root{--background-primary:#f4f7f9;--background-secondary:#eaf0f4;--surface:#fff;--surface-raised:#f8fbfc;--border:#d7e0e6;--text-primary:#13222d;--text-secondary:#526671;--text-muted:#7b8c95;--accent:#0789b8;--success:#16835d;--warning:#a66b05;--degraded:#c65312;--danger:#c83448;--info:#0789b8;--radius:10px;--sidebar:248px;color-scheme:light}
[data-theme=dark]{--background-primary:#0b1014;--background-secondary:#10171c;--surface:#141d23;--surface-raised:#18232a;--border:#26343d;--text-primary:#eef4f6;--text-secondary:#a7b7bf;--text-muted:#71838d;--accent:#32b9ec;--success:#36ba83;--warning:#e3a638;--degraded:#ee7c38;--danger:#f05a6b;--info:#32b9ec;color-scheme:dark}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--background-primary);color:var(--text-primary);font:14px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}button,input{font:inherit;color:inherit}button{cursor:pointer}.skip{position:fixed;left:12px;top:-60px;z-index:50;background:var(--accent);color:#071014;padding:10px}.skip:focus{top:12px}.shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh;transition:grid-template-columns .15s}.shell.collapsed{--sidebar:72px}.shell.collapsed .brand-name,.shell.collapsed .nav-label{display:none}.shell.collapsed nav a{justify-content:center}.shell.collapsed #collapse{transform:rotate(180deg)}aside{position:sticky;top:0;height:100vh;background:var(--background-secondary);border-right:1px solid var(--border);padding:20px 14px;display:flex;flex-direction:column}.brand{height:46px;display:flex;align-items:center;gap:11px;font-size:13px;font-weight:750;letter-spacing:.08em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--accent);border-radius:8px;color:var(--accent)}nav{display:grid;gap:3px;margin-top:24px}nav a{display:flex;gap:12px;align-items:center;padding:10px 11px;border-radius:7px;color:var(--text-secondary);text-decoration:none}nav a:hover,nav a:focus-visible,nav a.active{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--text-primary)}nav a.active{box-shadow:inset 2px 0 var(--accent)}.nav-icon{width:22px;text-align:center;color:var(--accent)}aside>#collapse{margin-top:auto}.workspace{min-width:0}header{height:82px;padding:13px 26px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;background:var(--background-primary);position:sticky;top:0;z-index:10}h1,h2,h3,p{margin-top:0}h1{font-size:22px;margin-bottom:0}.eyebrow,.panel-kicker{font-size:10px;letter-spacing:.12em;color:var(--text-muted);font-weight:700}.header-actions{display:flex;align-items:center;gap:8px}.header-actions button,.icon-button{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px}.icon-button{min-width:38px}kbd{font-size:10px;color:var(--text-muted);margin-left:12px}.env{display:grid;padding:4px 11px;border-left:1px solid var(--border);font-size:11px;font-weight:700}.env small{color:var(--text-muted);font-size:8px;letter-spacing:.1em}.avatar{border:0!important;border-radius:50%!important;background:var(--accent)!important;color:#071014;font-weight:800}.security-banner{padding:7px 26px;background:color-mix(in srgb,var(--warning) 12%,var(--surface));border-bottom:1px solid color-mix(in srgb,var(--warning) 35%,var(--border));color:var(--warning);font-size:11px;font-weight:650;letter-spacing:.03em}main{padding:24px 26px 48px;max-width:1800px}.status-strip,.kpis,.grid{display:grid;gap:12px}.status-strip{grid-template-columns:repeat(5,1fr);margin-bottom:16px}.status-cell,.kpi,.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.status-cell{padding:12px}.status-cell strong{display:block;margin-top:3px;font-size:12px}.status-cell strong:before,.badge:before{content:'●';margin-right:7px}.state-AVAILABLE,.state-MATCH,.state-PASS,.state-CLEAR{color:var(--success)}.state-NO_DATA,.state-NOT_CONFIGURED,.state-UNKNOWN,.state-INSUFFICIENT_DATA{color:var(--text-muted)}.state-RUNNING{color:var(--info)}.state-WATCH{color:var(--warning)}.state-DEGRADED,.state-MISMATCH{color:var(--degraded)}.state-PAUSE,.state-DENY,.state-ACTIVE,.state-CRITICAL{color:var(--danger)}.kpis{grid-template-columns:repeat(5,1fr);margin-bottom:16px}.kpi{padding:15px}.kpi strong{font-size:22px;display:block}.kpi span{font-size:11px;color:var(--text-muted)}.grid{grid-template-columns:repeat(12,1fr)}.panel{grid-column:span 4;padding:16px;min-width:0}.panel.wide{grid-column:span 8}.panel.full{grid-column:1/-1}.panel h2{font-size:14px;margin-bottom:12px}.muted{color:var(--text-muted)}.empty{padding:26px 12px;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:8px}.badge{display:inline-flex;align-items:center;font-size:10px;font-weight:750;letter-spacing:.05em;padding:3px 7px;border:1px solid currentColor;border-radius:99px;margin:2px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{text-align:left;border-bottom:1px solid var(--border);padding:10px 9px}th{font-size:10px;letter-spacing:.08em;color:var(--text-muted)}td{font-size:12px}tr[data-id]{cursor:pointer}tr[data-id]:hover{background:var(--surface-raised)}.tabs{display:flex;gap:4px;overflow:auto;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{border:0;border-bottom:2px solid transparent;background:none;padding:9px;color:var(--text-secondary)}.tabs button.active{color:var(--accent);border-color:var(--accent)}.definition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.definition-grid>div{background:var(--surface-raised);padding:12px;border-radius:8px}.mono{font:11px/1.5 ui-monospace,SFMono-Regular,monospace;word-break:break-all}.timeline{display:flex;flex-wrap:wrap;gap:5px}.timeline span{padding:7px 9px;border:1px solid var(--border);border-radius:99px;color:var(--text-muted);font-size:10px}.timeline span.current{border-color:var(--accent);color:var(--accent)}dialog{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:0;width:min(680px,90vw);color:var(--text-primary)}dialog::backdrop{background:#000a}.palette{padding:20px}.palette input{width:100%;padding:13px;background:var(--background-primary);border:1px solid var(--border);border-radius:8px;outline:none}.palette input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.search-result{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--border);padding:10px}.settings-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--border)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(max-width:1200px){.panel{grid-column:span 6}.panel.wide{grid-column:span 12}.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:800px){.shell{display:block}aside{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--border)}nav{grid-template-columns:repeat(2,1fr);margin-top:8px}aside>#collapse{display:none}header{position:relative;height:auto;align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}.status-strip,.kpis{grid-template-columns:repeat(2,1fr)}.panel{grid-column:1/-1}.definition-grid{grid-template-columns:1fr}}@media(max-width:520px){header{display:block}.header-actions{justify-content:flex-start;margin-top:10px}.header-actions>button span,kbd{display:none}main{padding:16px}.status-strip,.kpis{grid-template-columns:1fr}nav{grid-template-columns:1fr}}