:root{color-scheme:light;--bg: #f7f8fa;--bg-elevated: #ffffff;--fg: #0f172a;--fg-secondary: #475569;--fg-muted: #94a3b8;--border: #e2e8f0;--border-strong: #cbd5e1;--surface: #f8fafc;--surface-2: #f1f5f9;--accent: #2754c5;--accent-hover: #1e40af;--accent-bg: #eef2ff;--danger: #c52727;--danger-bg: #fef2f2;--warning: #b45309;--warning-bg: #fef3c7;--success: #15803d;--success-bg: #f0fdf4;--risk-red: #c52727;--risk-red-bg: #fef2f2;--risk-red-border: #fecaca;--risk-yellow: #b45309;--risk-yellow-bg: #fef3c7;--risk-yellow-border: #fcd34d;--risk-green: #15803d;--risk-green-bg: #f0fdf4;--risk-green-border: #bbf7d0;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow-md: 0 2px 8px rgba(15, 23, 42, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .12);--sidebar-bg: #0f172a;--sidebar-fg: #cbd5e1;--sidebar-fg-muted: #64748b;--sidebar-fg-active: #ffffff;--sidebar-bg-active: rgba(37, 84, 197, .18);--sidebar-bg-hover: rgba(255, 255, 255, .04);--sidebar-border: #1e293b;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Inter,-apple-system,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}code,.mono{font-family:JetBrains Mono,ui-monospace,SF Mono,Consolas,monospace;font-size:.87em;font-feature-settings:"calt" 0,"liga" 0}h1{font-size:1.625rem;font-weight:700;margin:0 0 .25rem;letter-spacing:-.02em}h2{font-size:1.125rem;font-weight:600;margin:1.5rem 0 .5rem;letter-spacing:-.005em}h3{font-size:.95rem;font-weight:600;margin:0 0 .4rem}p{margin:0 0 .75rem}.muted{color:var(--fg-secondary)}.small{font-size:.85rem}.app{display:flex;min-height:100vh}.sidebar{width:240px;flex-shrink:0;background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:1.25rem 0;position:sticky;top:0;height:100vh;border-right:1px solid var(--sidebar-border)}.sidebar-brand{display:flex;align-items:center;gap:.65rem;padding:0 1.25rem 1.5rem;border-bottom:1px solid var(--sidebar-border);margin-bottom:1rem}.brand-mark{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#c52727,#7f1d1d);color:#fff;font-weight:800;border-radius:8px;font-size:.75rem;letter-spacing:.05em;box-shadow:var(--shadow-md)}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{color:var(--sidebar-fg-active);font-weight:600;font-size:.95rem;letter-spacing:-.01em}.brand-env{color:var(--sidebar-fg-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sidebar-nav{flex:1;overflow-y:auto;padding:0 .75rem}.nav-section{margin-bottom:1.5rem}.nav-section-label{display:block;font-size:.68rem;text-transform:uppercase;font-weight:700;letter-spacing:.08em;color:var(--sidebar-fg-muted);padding:0 .75rem .4rem}.sidebar-nav a{display:flex;align-items:center;gap:.6rem;padding:.5rem .75rem;margin:.1rem 0;color:var(--sidebar-fg);font-size:.88rem;font-weight:500;border-radius:var(--radius-sm);transition:background .12s,color .12s}.sidebar-nav a:hover{background:var(--sidebar-bg-hover);color:var(--sidebar-fg-active)}.sidebar-nav a.on{background:var(--sidebar-bg-active);color:var(--sidebar-fg-active)}.nav-icon{width:18px;display:inline-flex;justify-content:center;opacity:.7}.sidebar-nav a.on .nav-icon{opacity:1;color:#818cf8}.sidebar-footer{padding:1rem 1.25rem 0;border-top:1px solid var(--sidebar-border);margin-top:1rem}.who{color:var(--sidebar-fg-muted);font-size:.78rem;font-weight:500}.main{flex:1;padding:2rem 2.5rem;max-width:1400px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.stat-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.1rem 1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-card .label{color:var(--fg-muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;margin-bottom:.5rem}.stat-card .value{font-size:1.75rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--fg)}table{width:100%;border-collapse:collapse;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;font-size:.88rem;box-shadow:var(--shadow-sm)}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border);vertical-align:top}th{background:var(--surface);font-weight:600;color:var(--fg-secondary);text-transform:uppercase;font-size:.7rem;letter-spacing:.06em}tbody tr:hover{background:var(--surface)}tbody tr:last-child td{border-bottom:0}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}.status-pill{display:inline-block;padding:.15rem .55rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1.4}.status-pill.ok{background:var(--success-bg);color:var(--success)}.status-pill.warn{background:var(--warning-bg);color:var(--warning)}.status-pill.bad{background:var(--danger-bg);color:var(--danger)}.status-pill.neutral{background:var(--surface-2);color:var(--fg-secondary)}.btn{display:inline-flex;align-items:center;gap:.35rem;background:var(--bg-elevated);border:1px solid var(--border-strong);color:var(--fg);padding:.4rem .85rem;font-size:.85rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;font-family:inherit;line-height:1.25;transition:background .12s,border-color .12s,box-shadow .12s}.btn:hover{background:var(--surface);border-color:var(--fg-muted)}.btn:active{transform:translateY(.5px)}.btn.primary,.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.primary:hover,.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn.danger,.btn-warn{background:var(--bg-elevated);color:var(--danger);border-color:#fecaca}.btn.danger:hover,.btn-warn:hover{background:var(--danger-bg);border-color:#fca5a5}.toolbar{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0 1.25rem;align-items:end}.toolbar label{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;color:var(--fg-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.toolbar input,.toolbar select{padding:.45rem .65rem;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:inherit;font-size:.88rem;background:var(--bg-elevated);min-width:14rem;transition:border-color .12s,box-shadow .12s}.toolbar input:focus,.toolbar select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #2554c526}.empty{padding:2.5rem 1.5rem;text-align:center;color:var(--fg-muted);background:var(--bg-elevated);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;padding:1rem 0}.sidebar-nav{display:flex;gap:.25rem;padding:0 1rem;overflow-x:auto}.nav-section{margin:0;display:flex;gap:.25rem}.nav-section-label{display:none}.main{padding:1.5rem 1.25rem}}