:root{--bg: #F4F6F8;--surface: #FFFFFF;--border: #E2E6EA;--border-strong: #D0D5DD;--rule: #EEF1F4;--ink: #101828;--ink-2: #344054;--muted: #5B6472;--nav-bg: #0F1B2D;--nav-active: #1E2D45;--nav-ink: #C9D2DE;--primary: #1E3A8A;--primary-soft: #EEF2FF;--primary-border: #C7D2FE;--bar: #2563EB;--ok-bg: #E7F6EC;--ok-fg: #166534;--ok-dot: #16A34A;--warn-bg: #FEF3E2;--warn-fg: #93370D;--warn-dot: #D97706;--crit-bg: #FDECEC;--crit-fg: #B42318;--crit-dot: #B42318;--neutral-bg: #EEF1F4;--neutral-fg: #344054;--neutral-dot: #667085;--mono: "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, sans-serif;--radius: 12px}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:14px}a{color:#1e40af}a:hover{color:var(--primary)}h1{margin:0;font-size:22px;font-weight:700}h2{margin:0;font-size:17px;font-weight:600}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.small{font-size:13px}.xsmall{font-size:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.page-header{display:flex;flex-direction:column;gap:12px;padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--border)}.page-header .row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.page-body{padding:28px 32px;display:flex;flex-direction:column;gap:24px}.breadcrumb{font-size:13px;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}.split{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}.split>.main{flex:999 1 640px;min-width:0;display:flex;flex-direction:column;gap:24px}.split>.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:16px}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card.flush{padding:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{font-size:13px;color:var(--muted)}.kpi .value{font-size:28px;font-weight:700;letter-spacing:-.5px}.kpi .sub{font-size:13px;color:var(--muted)}.grid-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.pill{display:inline-flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;font-weight:600;padding:4px 10px;border-radius:999px}.pill .dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px}.tone-ok{background:var(--ok-bg);color:var(--ok-fg)}.tone-ok .dot{background:var(--ok-dot)}.tone-warn{background:var(--warn-bg);color:var(--warn-fg)}.tone-warn .dot{background:var(--warn-dot)}.tone-crit{background:var(--crit-bg);color:var(--crit-fg)}.tone-crit .dot{background:var(--crit-dot)}.tone-neutral{background:var(--neutral-bg);color:var(--neutral-fg)}.tone-neutral .dot{background:var(--neutral-dot)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;border-radius:8px;border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);font:inherit;font-size:13px;cursor:pointer;text-decoration:none}.btn:hover{background:#f9fafb;color:var(--ink)}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600}.btn.primary:hover{background:#172f70;color:#fff}.btn.soft{background:var(--primary-soft);border-color:var(--primary-border);color:var(--primary);font-weight:600}.btn.danger{color:var(--crit-fg);border-color:#f4b4ae}.btn.chip{min-height:36px;border-radius:999px}.btn.chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid #2563EB;outline-offset:2px}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted)}.field input,.field select,select.inline,input.inline{min-height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:8px;font:inherit;font-size:14px;color:var(--ink);background:var(--surface)}.field .error{color:var(--crit-fg);font-size:12px}.filters{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;padding:16px 20px;border-bottom:1px solid var(--border)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:14px}table.data th{text-align:left;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;font-weight:600;padding:12px}table.data td{padding:12px;border-top:1px solid var(--rule);vertical-align:middle}table.data th:first-child,table.data td:first-child{padding-left:20px}table.data th:last-child,table.data td:last-child{padding-right:20px}table.data tr.clickable{cursor:pointer}table.data tr.clickable:hover td{background:#fafbfc}.table-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;border-top:1px solid var(--border);font-size:13px;color:var(--muted)}.bar{height:6px;border-radius:3px;background:var(--rule);overflow:hidden}.bar>div{height:6px}.banner{padding:10px 16px;border-radius:8px;font-size:13px}.banner.warn{background:var(--warn-bg);color:var(--warn-fg)}.banner.crit{background:var(--crit-bg);color:var(--crit-fg)}.empty{padding:32px;text-align:center;color:var(--muted)}