:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-8: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-lg: 18px;--text-xl: 24px;--text-2xl: 32px;--text-3xl: 44px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06), 0 1px 3px rgba(16, 24, 40, .1);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08), 0 2px 4px rgba(16, 24, 40, .06);--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f0f2f5;--border: #e3e6ea;--ink: #101828;--ink-secondary: #475467;--ink-muted: #98a2b3;--accent: #4b5cc4;--accent-strong: #3a48a8;--accent-soft: #eaecf9;--good: #16794c;--good-soft: #e3f5ec;--warning: #b25e09;--warning-soft: #fbf0dd;--critical: #b42318;--critical-soft: #fbe9e7}:root[data-theme=dark],html[data-theme=dark]{--bg: #0f1117;--surface: #171a21;--surface-2: #1e222b;--border: #2a2f3a;--ink: #f2f4f7;--ink-secondary: #b6bdc9;--ink-muted: #7d8697;--accent: #8b96e6;--accent-strong: #a4adf0;--accent-soft: #23283a;--good: #5fd0a0;--good-soft: #14261f;--warning: #e6a95e;--warning-soft: #2a2013;--critical: #f2897e;--critical-soft: #2c1715;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--bg: #0f1117;--surface: #171a21;--surface-2: #1e222b;--border: #2a2f3a;--ink: #f2f4f7;--ink-secondary: #b6bdc9;--ink-muted: #7d8697;--accent: #8b96e6;--accent-strong: #a4adf0;--accent-soft: #23283a;--good: #5fd0a0;--good-soft: #14261f;--warning: #e6a95e;--warning-soft: #2a2013;--critical: #f2897e;--critical-soft: #2c1715;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 14px rgba(0, 0, 0, .5)}}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{margin:0;color:var(--ink);line-height:1.2}.app{min-height:100%;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.app-header .brand{display:flex;align-items:center;gap:var(--space-3);font-weight:700;font-size:var(--text-lg);letter-spacing:-.01em}.brand-mark{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent-strong));display:grid;place-items:center;color:#fff;font-weight:800;font-size:15px}.app-header .spacer{flex:1}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:var(--space-6)}.page-title{font-size:var(--text-xl);letter-spacing:-.02em}.page-subtitle{color:var(--ink-secondary);font-size:var(--text-sm);margin-top:var(--space-1)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.grid{display:grid;gap:var(--space-4)}.grid.stats{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.stat .label{font-size:var(--text-sm);color:var(--ink-secondary);font-weight:500}.stat .value{font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat .hint{font-size:var(--text-xs);color:var(--ink-muted)}.badge{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:var(--text-xs);font-weight:600}.badge .dot{width:7px;height:7px;border-radius:50%;background:currentColor}.badge.good{color:var(--good);background:var(--good-soft)}.badge.warning{color:var(--warning);background:var(--warning-soft)}.badge.critical{color:var(--critical);background:var(--critical-soft)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:6px 12px;font-size:var(--text-sm);font-weight:500;cursor:pointer}.btn:hover{background:var(--surface-2)}.center-state{display:grid;place-items:center;padding:var(--space-8);color:var(--ink-secondary);text-align:center}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,color-mix(in srgb,var(--surface-2) 60%,var(--border)) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.section-title{font-size:var(--text-lg);margin:var(--space-6) 0 var(--space-3)}.login-screen{min-height:100vh;display:grid;place-items:center;padding:var(--space-6);background:radial-gradient(1200px 600px at 50% -10%,var(--accent-soft),transparent 70%),var(--bg)}.login-card{width:100%;max-width:380px;padding:var(--space-8) var(--space-6);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-md)}.brand-mark.login-mark{width:52px;height:52px;border-radius:14px;font-size:28px;margin-bottom:var(--space-2)}.login-card h1{font-size:var(--text-2xl);letter-spacing:-.02em}.login-sub{color:var(--ink-secondary);font-size:var(--text-sm);margin:0 0 var(--space-4)}.btn.primary{border-color:transparent;background:var(--accent);color:#fff;font-weight:600}.btn.primary:hover:not(:disabled){background:var(--accent-strong)}.btn.primary:disabled{opacity:.7;cursor:default}.login-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;font-size:var(--text-base)}.nav{display:flex;gap:var(--space-1)}.nav a{color:var(--ink-secondary);font-size:var(--text-sm);font-weight:500;padding:6px 10px;border-radius:var(--radius-sm)}.nav a:hover{background:var(--surface-2);text-decoration:none}.nav a.active{color:var(--ink);background:var(--surface-2)}.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);border-radius:var(--radius-sm);padding:8px 12px;font-size:var(--text-sm);min-width:240px}.input::placeholder{color:var(--ink-muted)}.input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}table.data{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}table.data th,table.data td{padding:10px 14px;text-align:right;border-bottom:1px solid var(--border)}table.data th:first-child,table.data td:first-child{text-align:left;position:sticky;left:0;background:var(--surface)}table.data thead th{position:sticky;top:0;background:var(--surface);color:var(--ink-secondary);font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:1}table.data thead th:first-child{z-index:2}table.data th.sortable:hover{color:var(--ink)}table.data th .arrow{color:var(--accent);margin-left:4px}table.data tbody tr:hover td{background:var(--surface-2)}table.data td.num{font-variant-numeric:tabular-nums}table.data td.zero{color:var(--ink-muted)}table.data.text th,table.data.text td{text-align:left}table.data.text td:first-child,table.data.text th:first-child{position:static}.detail-lists{display:grid;gap:var(--space-4);grid-template-columns:1fr}.list-card{padding:var(--space-5)}.list-card h3{font-size:var(--text-base);margin-bottom:var(--space-3)}.list-card ul{margin:0;padding-left:18px}.list-card li{padding:3px 0;color:var(--ink-secondary)}.back-link{font-size:var(--text-sm);color:var(--ink-secondary)}@media (max-width: 640px){.app-header,.app-main{padding-left:var(--space-4);padding-right:var(--space-4)}.stat .value{font-size:var(--text-2xl)}.input{min-width:0;width:100%}}