:root,[data-theme=light]{--ui-page-bg: #f4f7fb;--ui-text: #0f172a;--ui-text-muted: #64748b;--ui-sidebar-bg: #ffffff;--ui-sidebar-border: #e2e8f0;--ui-sidebar-brand-text: #0f172a;--ui-sidebar-collapse: #94a3b8;--ui-sidebar-brand-sub: #94a3b8;--ui-logo-fallback-bg: linear-gradient(135deg, #3b82f6, #8b5cf6);--ui-logo-fallback-text: #ffffff;--ui-header-bg: #ffffff;--ui-header-border: #e2e8f0;--ui-header-title: #0f172a;--ui-header-sub: #64748b;--ui-card-bg: #ffffff;--ui-card-shadow: 0 1px 3px rgba(15, 23, 42, .06), 0 6px 16px rgba(15, 23, 42, .04);--ui-card-border: #e2e8f0;--ui-nav-link: #475569;--ui-nav-link-active-bg: #eff6ff;--ui-nav-link-active-text: #1d4ed8;--ui-tab-bar-bg: #f1f5f9;--ui-tab-tab: #64748b;--ui-tab-tab-active-bg: #ffffff;--ui-tab-tab-active-text: #0f172a;--ui-tab-tab-active-shadow: 0 1px 3px rgba(0, 0, 0, .08);--ui-btn-primary-bg: #2563eb;--ui-btn-primary-text: #ffffff;--ui-btn-secondary-bg: #e2e8f0;--ui-btn-secondary-text: #0f172a;--ui-btn-ghost-text: #0f172a;--ui-btn-ghost-border: #cbd5e1;--ui-input-bg: #ffffff;--ui-input-border: #cbd5e1;--ui-notice-bg: #eff6ff;--ui-notice-text: #1e3a8a;--ui-stat-bg: #ffffff;--ui-stat-border: #e2e8f0;--ui-table-bg: #ffffff;--ui-table-border: #e2e8f0;--ui-table-row-bg: #ffffff;--ui-table-row-alt-bg: #f8fafc;--ui-table-cell-border: #f1f5f9;--ui-login-bg: #f5f7fa;--ui-login-connect-bg: #f8f9fb;--ui-login-logo-shadow: 0 2px 8px rgba(0, 0, 0, .06);--ui-kpi-card-bg: #ffffff;--ui-kpi-card-border: #e2e8f0;--ui-chart-grid: #e2e8f0;--ui-chart-tick: #64748b;--ui-chart-tooltip-bg: #ffffff;--ui-chart-tooltip-border: #e2e8f0;--ui-overview-hero-bg: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 50%, #faf5ff 100%);--ui-overview-hero-border: #bae6fd;--ui-overview-hero-text: #0369a1;--ui-overview-hero-text-strong: #0c4a6e;--ui-banner-warning-bg: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);--ui-banner-warning-border: #fcd34d;--ui-success-bg: #dcfce7;--ui-success-text: #166534;--ui-success-border: #a7f3d0;--ui-warning-bg: #fef3c7;--ui-warning-text: #92400e;--ui-error-bg: #fee2e2;--ui-error-text: #b91c1c;--ui-muted-bg: #f1f5f9;--ui-muted-text: #94a3b8;--ui-backdrop: rgba(15, 23, 42, .38)}[data-theme=dark]{--ui-page-bg: #0f172a;--ui-text: #f1f5f9;--ui-text-muted: #94a3b8;--ui-sidebar-bg: #1e293b;--ui-sidebar-border: #334155;--ui-sidebar-brand-text: #f8fafc;--ui-sidebar-collapse: #64748b;--ui-sidebar-brand-sub: #64748b;--ui-logo-fallback-bg: linear-gradient(135deg, #3b82f6, #7c3aed);--ui-logo-fallback-text: #ffffff;--ui-header-bg: #1e293b;--ui-header-border: #334155;--ui-header-title: #f8fafc;--ui-header-sub: #94a3b8;--ui-card-bg: #1e293b;--ui-card-shadow: 0 1px 3px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .2);--ui-card-border: #334155;--ui-nav-link: #94a3b8;--ui-nav-link-active-bg: #334155;--ui-nav-link-active-text: #93c5fd;--ui-tab-bar-bg: #334155;--ui-tab-tab: #94a3b8;--ui-tab-tab-active-bg: #475569;--ui-tab-tab-active-text: #f1f5f9;--ui-tab-tab-active-shadow: 0 1px 3px rgba(0, 0, 0, .3);--ui-btn-primary-bg: #3b82f6;--ui-btn-primary-text: #ffffff;--ui-btn-secondary-bg: #475569;--ui-btn-secondary-text: #f1f5f9;--ui-btn-ghost-text: #e2e8f0;--ui-btn-ghost-border: #475569;--ui-input-bg: #334155;--ui-input-border: #475569;--ui-notice-bg: #1e3a8a;--ui-notice-text: #93c5fd;--ui-stat-bg: #1e293b;--ui-stat-border: #334155;--ui-table-bg: #1e293b;--ui-table-border: #334155;--ui-table-row-bg: #1e293b;--ui-table-row-alt-bg: #334155;--ui-table-cell-border: #334155;--ui-login-bg: #0f172a;--ui-login-connect-bg: #334155;--ui-login-logo-shadow: 0 2px 8px rgba(0, 0, 0, .25);--ui-kpi-card-bg: #1e293b;--ui-kpi-card-border: #334155;--ui-chart-grid: #334155;--ui-chart-tick: #94a3b8;--ui-chart-tooltip-bg: #1e293b;--ui-chart-tooltip-border: #475569;--ui-overview-hero-bg: linear-gradient(135deg, #0c4a6e 0%, #1e3a8a 50%, #312e81 100%);--ui-overview-hero-border: #0369a1;--ui-overview-hero-text: #7dd3fc;--ui-overview-hero-text-strong: #e0f2fe;--ui-banner-warning-bg: linear-gradient(135deg, #78350f 0%, #92400e 100%);--ui-banner-warning-border: #b45309;--ui-success-bg: #14532d;--ui-success-text: #86efac;--ui-success-border: #166534;--ui-warning-bg: #78350f;--ui-warning-text: #fcd34d;--ui-error-bg: #7f1d1d;--ui-error-text: #fca5a5;--ui-muted-bg: #334155;--ui-muted-text: #64748b;--ui-backdrop: rgba(0, 0, 0, .6)}html,body,#root{margin:0;min-width:320px;min-height:100%}body{background:var(--ui-page-bg);color:var(--ui-text)}.login-page input::placeholder{color:var(--ui-text-muted)}.login-page input{outline:none}.login-page input:focus{border-color:var(--ui-btn-primary-bg)}*{box-sizing:border-box}