:root{color-scheme:light;--bg-page: #f5f7fa;--bg-card: #ffffff;--bg-subtle: #fafafa;--bg-hover: #f8f9fa;--bg-active: #f0fdf4;--text-primary: #1a1a2e;--text-secondary: #888;--text-tertiary: #aaa;--border-color: #e8e8e8;--border-light: #f0f0f0;--border-input: #d9d9d9;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 32px rgba(0,0,0,.2);--color-primary: #1a6b4a;--color-primary-dark: #0b3d2e;--color-primary-light: #4caf50;--color-danger: #e53935;--color-warning: #ff9800;--color-info: #1976d2;--color-success: #4caf50;--color-purple: #7b1fa2;--color-orange: #e65100;--color-teal: #00897b;--color-fair: #8bc34a;--color-stressed: #ff9800;--color-critical: #e53935;--color-healthy: #4caf50;--color-danger-bg: #fce4ec;--color-warning-bg: #fff3e0;--color-info-bg: #e3f2fd;--color-danger-text: #c62828;--color-warning-text: #e65100;--color-info-text: #1565c0;--overlay-bg: rgba(0,0,0,.5);--overlay-bg-light: rgba(0,0,0,.4);--sidebar-bg: linear-gradient(180deg, #0b3d2e, #0a3528);--sidebar-text: #ffffff;--sidebar-text-muted: rgba(255,255,255,.65);--sidebar-divider: rgba(255,255,255,.08);--sidebar-hover: rgba(255,255,255,.12);--sidebar-hover-active: rgba(255,255,255,.06);--sidebar-active-bg: rgba(255,255,255,.12);--sidebar-subtitle: rgba(255,255,255,.35);--sidebar-section-label: rgba(255,255,255,.3);--sidebar-avatar-bg: rgba(255,255,255,.15);--sidebar-btn-bg: rgba(255,255,255,.06);--sidebar-btn-text: rgba(255,255,255,.6);--sidebar-select-text: #1a1a1a;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--color-error-bg: #fce4ec;--color-error-text: #c62828;--color-success-bg: #e8f5e9;--color-success-text: #2e7d32;--color-override-warning-bg: #fff3e0;--color-override-warning-border: #ffe0b2;--transition-theme: .3s ease;--color-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border-subtle: #e2e8f0}[data-theme=dark]{color-scheme:dark;--bg-page: #0f172a;--bg-card: #1e293b;--bg-subtle: #1a1f2e;--bg-hover: #1e293b;--bg-active: #0f1f1e;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-tertiary: #64748b;--border-color: #334155;--border-light: #1e293b;--border-input: #475569;--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--color-primary: #4ade80;--color-primary-dark: #166534;--color-primary-light: #6ee7b7;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #60a5fa;--color-success: #22c55e;--color-purple: #a855f7;--color-orange: #f97316;--color-teal: #14b8a6;--color-fair: #a3e635;--color-stressed: #f59e0b;--color-critical: #ef4444;--color-healthy: #22c55e;--color-danger-bg: #3b1a1a;--color-warning-bg: #3b2a1a;--color-info-bg: #1a2a3b;--color-danger-text: #fca5a5;--color-warning-text: #fbbf24;--color-info-text: #93c5fd;--overlay-bg: rgba(0,0,0,.7);--overlay-bg-light: rgba(0,0,0,.6);--sidebar-bg: linear-gradient(180deg, #0f172a, #020617);--sidebar-hover: rgba(255,255,255,.08);--sidebar-hover-active: rgba(255,255,255,.04);--sidebar-active-bg: rgba(255,255,255,.1);--sidebar-subtitle: rgba(255,255,255,.35);--sidebar-section-label: rgba(255,255,255,.3);--sidebar-avatar-bg: rgba(255,255,255,.15);--sidebar-btn-bg: rgba(255,255,255,.06);--sidebar-btn-text: rgba(255,255,255,.6);--sidebar-select-text: #f1f5f9;--color-error-bg: #3b1a1a;--color-error-text: #fca5a5;--color-success-bg: #1a3b1a;--color-success-text: #4ade80;--color-override-warning-bg: rgba(255,243,224,.1);--color-override-warning-border: rgba(255,224,178,.15);--color-muted: #64748b;--color-text-inverse: #0f172a;--color-border-subtle: #334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;background:var(--bg-page);color:var(--text-primary);transition:background var(--transition-theme),color var(--transition-theme)}a{text-decoration:none}select,input,button,textarea{font-family:inherit}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes modalIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes progress{0%{left:-40%}to{left:100%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}