*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--bg-base: #0a0a14;--bg-surface: #12121f;--bg-raised: #1a1a2e;--bg-nav: #10101c;--bg-hover: #22223a;--text-primary: #e0e0ec;--text-secondary: #a0a0b8;--text-muted: #606078;--text-dim: #404058;--accent: #6c63ff;--accent-dim: #4a44b3;--status-ok: #4ade80;--status-warn: #fbbf24;--status-error: #f87171;--status-ok-bg: rgba(74, 222, 128, .1);--status-warn-bg: rgba(251, 191, 36, .1);--status-error-bg: rgba(248, 113, 113, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", Menlo, monospace;--nav-width: 220px}body{font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text-primary);background-color:var(--bg-base);min-height:100vh}#root{min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}.shell{display:flex;min-height:100vh}.shell-nav{width:var(--nav-width);min-width:var(--nav-width);background-color:var(--bg-nav);display:flex;flex-direction:column;border-right:1px solid rgba(108,99,255,.08);position:fixed;top:0;left:0;bottom:0;overflow-y:auto}.shell-main{flex:1;margin-left:var(--nav-width);padding:var(--space-xl);min-height:100vh;background-color:var(--bg-base)}.nav-header{padding:var(--space-lg) 20px var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.nav-brand{font-size:13px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.nav-link{display:block;padding:10px 20px;font-size:13px;color:var(--text-secondary);border-left:3px solid transparent;transition:background-color .15s,color .15s}.nav-link:hover{background-color:var(--bg-hover);color:var(--text-primary)}.nav-link.active{color:var(--text-primary);background-color:var(--bg-raised);border-left-color:var(--accent)}.nav-footer{margin-top:auto;padding:var(--space-md) 20px;font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.card{background-color:var(--bg-raised);border-radius:var(--radius-lg);padding:var(--space-md) 20px;border:1px solid rgba(255,255,255,.04)}.card--bordered-ok{border-left:3px solid var(--status-ok)}.card--bordered-warn{border-left:3px solid var(--status-warn)}.card--bordered-error{border-left:3px solid var(--status-error)}.card--bordered-accent{border-left:3px solid var(--accent)}.card-label{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);margin-bottom:var(--space-xs)}.card-value{font-size:22px;font-weight:600;font-family:var(--font-mono)}.card-value--ok{color:var(--status-ok)}.card-value--warn{color:var(--status-warn)}.card-value--error{color:var(--status-error)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--ok{background-color:var(--status-ok);box-shadow:0 0 6px #4ade8080;animation:pulse-ok 2s ease-in-out infinite}.status-dot--warn{background-color:var(--status-warn);box-shadow:0 0 6px #fbbf2480}.status-dot--error{background-color:var(--status-error);box-shadow:0 0 6px #f8717180;animation:pulse-error 1.5s ease-in-out infinite}.status-dot--lg{width:10px;height:10px}@keyframes pulse-ok{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.4}}.progress-bar{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xs);font-size:12px}.progress-bar__label{color:var(--text-secondary)}.progress-bar__value{font-family:var(--font-mono);color:var(--text-muted);font-size:11px}.progress-bar__track{height:6px;background-color:#ffffff0f;border-radius:3px;overflow:hidden}.progress-bar__fill{height:100%;border-radius:3px;transition:width .5s ease;min-width:2px}.progress-bar__fill--ok{background-color:var(--status-ok)}.progress-bar__fill--warn{background-color:var(--status-warn)}.progress-bar__fill--error{background-color:var(--status-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:11px;font-weight:500;padding:3px 10px;border-radius:12px;font-family:var(--font-mono)}.badge--ok{background-color:var(--status-ok-bg);color:var(--status-ok)}.badge--warn{background-color:var(--status-warn-bg);color:var(--status-warn)}.badge--error{background-color:var(--status-error-bg);color:var(--status-error)}.badge--muted{background-color:#ffffff0f;color:var(--text-muted)}.badge--accent{background-color:#6c63ff1f;color:var(--accent)}.section-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid rgba(255,255,255,.06);text-transform:uppercase;letter-spacing:.5px}.page-title{font-size:22px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-xs)}.page-subtitle{font-size:12px;color:var(--text-muted);margin-bottom:var(--space-lg)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}@media (max-width: 1200px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 800px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.mono{font-family:var(--font-mono)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-dim{color:var(--text-dim)}.text-ok{color:var(--status-ok)}.text-warn{color:var(--status-warn)}.text-error{color:var(--status-error)}.text-accent{color:var(--accent)}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;align-items:center}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.stack{display:flex;flex-direction:column}.refresh-indicator{display:flex;align-items:center;gap:var(--space-sm);font-size:11px;color:var(--text-dim);font-family:var(--font-mono);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid rgba(255,255,255,.04)}.empty-state{background-color:var(--bg-surface);border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:13px}.empty-state__title{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-sm)}.placeholder-card{background-color:var(--bg-raised);border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04);padding:var(--space-md) 20px;opacity:.7}.placeholder-card__name{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:var(--space-xs)}.placeholder-card__meta{font-size:11px;color:var(--text-dim);font-family:var(--font-mono)}.placeholder-card__status{font-size:11px;color:var(--text-muted);margin-top:var(--space-sm);font-style:italic}.loading-state{color:var(--text-muted);font-size:13px;padding:var(--space-xl)}.error-state{color:var(--status-error);font-size:13px;padding:var(--space-xl)}.metric-row{display:flex;gap:var(--space-lg);font-size:12px;color:var(--text-muted)}.metric-row__item{display:flex;align-items:center;gap:var(--space-xs)}.metric-row__label{color:var(--text-dim)}.metric-row__value{font-family:var(--font-mono);color:var(--text-secondary)}