:root{--raw-green-50: #f0fdf4;--raw-green-400: #4ade80;--raw-green-500: #22c55e;--raw-green-600: #16a34a;--raw-green-700: #15803d;--raw-green-800: #1d6f42;--raw-green-900: #14532d;--raw-green-kpi: #2d7a22;--raw-amber-50: #fffbeb;--raw-amber-400: #fb8c00;--raw-amber-500: #f59e0b;--raw-amber-600: #d97706;--raw-orange-600: #ea580c;--raw-orange-900: #e65100;--raw-red-50: #fef2f2;--raw-red-500: #ef4444;--raw-red-600: #e53935;--raw-red-700: #dc2626;--raw-red-800: #c62828;--raw-blue-50: #eff6ff;--raw-blue-200: #bfdbfe;--raw-blue-500: #3b82f6;--raw-blue-700: #1d4ed8;--raw-blue-800: #1565c0;--raw-electric-50: #e8f0ff;--raw-electric-500: #2979ff;--raw-electric-600: #1a65e8;--raw-purple-900: #6a1b9a;--raw-gray-50: #f9fafb;--raw-gray-100: #f3f4f6;--raw-gray-200: #e5e7eb;--raw-gray-400: #9ca3af;--raw-gray-500: #6b7280;--raw-gray-700: #374151;--raw-gray-900: #111827}:root{--layout-header-height: 64px;--color-bg-page: var(--raw-gray-100);--color-bg-surface: #ffffff;--color-bg-muted: var(--raw-gray-50);--color-bg-wash: #f0f0f0;--color-bg-brand: var(--raw-green-50);--color-bg-warning: var(--raw-amber-50);--color-bg-danger: var(--raw-red-50);--color-bg-info: var(--raw-blue-50);--color-border: var(--raw-gray-200);--color-border-light: #f0f0f0;--color-text-heading: var(--raw-gray-900);--color-text-body: var(--raw-gray-700);--color-text-muted: var(--raw-gray-500);--color-text-subtle: var(--raw-gray-400);--color-brand: var(--raw-green-700);--color-brand-active: var(--raw-green-500);--color-brand-label: var(--raw-green-400);--color-brand-logo: var(--raw-green-800);--color-brand-btn-bg: var(--raw-green-400);--color-brand-btn-txt: var(--raw-green-900);--color-status-good: var(--raw-green-700);--color-status-warning: var(--raw-amber-600);--color-status-danger: var(--raw-red-700);--color-badge-online-bg: var(--raw-green-50);--color-badge-online-txt: var(--raw-green-700);--color-badge-offline-bg: var(--raw-red-50);--color-badge-offline-txt: var(--raw-red-700);--color-badge-info-bg: var(--raw-blue-50);--color-badge-info-txt: var(--raw-blue-700);--color-badge-info-border: var(--raw-blue-200);--color-sev-critical-bg: var(--raw-red-50);--color-sev-critical-txt: var(--raw-red-700);--color-sev-major-bg: var(--raw-amber-50);--color-sev-major-txt: var(--raw-amber-600);--color-sev-minor-bg: var(--raw-blue-50);--color-sev-minor-txt: var(--raw-blue-700);--color-badge-admin-bg: var(--raw-red-50);--color-badge-admin-txt: var(--raw-red-700);--color-badge-dist-bg: var(--raw-amber-50);--color-badge-dist-txt: var(--raw-amber-600);--color-badge-client-bg: var(--raw-blue-50);--color-badge-client-txt: var(--raw-blue-700);--color-danger: var(--raw-red-500);--color-danger-hover: var(--raw-red-700);--color-kpi-good: var(--raw-green-kpi);--color-kpi-alert: var(--raw-red-800);--color-kpi-health: var(--raw-blue-800);--color-kpi-energy: var(--raw-orange-900);--color-kpi-tension: var(--raw-purple-900);--color-kpi-infra: var(--raw-electric-500);--color-chart-green: var(--raw-green-500);--color-chart-amber: var(--raw-amber-500);--color-chart-red: var(--raw-red-500);--color-chart-blue: var(--raw-blue-500);--color-chart-soc: #09a9c8;--color-chart-voltage: #8b5cf6;--color-chart-current: #f59e0b;--color-chart-power: #10b981;--color-chart-temp: #ef4444;--color-health-good-txt: var(--raw-green-700);--color-health-warn-txt: var(--raw-amber-600);--color-health-crit-txt: var(--raw-red-700);--color-health-good-bg: var(--raw-green-50);--color-health-warn-bg: var(--raw-amber-50);--color-health-crit-bg: var(--raw-red-50);--color-accent: var(--raw-electric-500);--color-accent-bg: var(--raw-electric-50);--color-nav-text: var(--raw-gray-500);--color-nav-text-hover: var(--raw-gray-700);--color-nav-active-text: var(--color-accent);--color-nav-active-bg: var(--color-accent-bg);--color-nav-active-bar: var(--color-accent);--color-nav-hover-bg: var(--raw-gray-100);--color-energy-orange: var(--raw-orange-600);--color-energy-green: var(--raw-green-600);--color-energy-bar-orange: var(--raw-amber-500);--color-energy-bar-green: var(--raw-green-500)}[data-theme=dark]{--color-bg-page: #0f0f1a;--color-bg-surface: #1e1e2e;--color-bg-muted: #252535;--color-bg-wash: #2a2a3a;--color-bg-brand: #0d2818;--color-bg-info: #0d1b3e;--color-bg-warning: #2d1f00;--color-bg-danger: #2d0a0a;--color-border: #2a2a3e;--color-border-light: #252535;--color-text-heading: #f3f4f6;--color-text-body: #d1d5db;--color-text-muted: #9ca3af;--color-text-subtle: #6b7280;--color-brand: var(--raw-green-400);--color-brand-active: var(--raw-green-400);--color-brand-label: var(--raw-green-500);--color-brand-logo: var(--raw-green-400);--color-brand-btn-bg: var(--raw-green-600);--color-brand-btn-txt: #ffffff;--color-status-good: var(--raw-green-400);--color-status-warning: var(--raw-amber-400);--color-status-danger: var(--raw-red-500);--color-badge-online-bg: #0d2818;--color-badge-online-txt: var(--raw-green-400);--color-badge-offline-bg: #2d0a0a;--color-badge-offline-txt: var(--raw-red-500);--color-badge-info-bg: #0d1b3e;--color-badge-info-txt: var(--raw-blue-500);--color-badge-info-border: #1e3a5f;--color-sev-critical-bg: #2d0a0a;--color-sev-critical-txt: var(--raw-red-500);--color-sev-major-bg: #2d1f00;--color-sev-major-txt: var(--raw-amber-400);--color-sev-minor-bg: #0d1b3e;--color-sev-minor-txt: var(--raw-blue-500);--color-badge-admin-bg: #2d0a0a;--color-badge-admin-txt: var(--raw-red-500);--color-badge-dist-bg: #2d1f00;--color-badge-dist-txt: var(--raw-amber-400);--color-badge-client-bg: #0d1b3e;--color-badge-client-txt: var(--raw-blue-500);--color-danger: var(--raw-red-500);--color-danger-hover: var(--raw-red-600);--color-health-good-bg: #0d2818;--color-health-good-txt: var(--raw-green-400);--color-health-warn-bg: #2d1f00;--color-health-warn-txt: var(--raw-amber-400);--color-health-crit-bg: #2d0a0a;--color-health-crit-txt: var(--raw-red-500);--color-energy-orange: var(--raw-amber-500);--color-energy-green: var(--raw-green-500);--color-energy-bar-orange: var(--raw-amber-500);--color-energy-bar-green: var(--raw-green-500);--color-accent: #5b9fff;--color-accent-bg: rgba(41, 121, 255, .12);--color-nav-text: var(--raw-gray-400);--color-nav-text-hover: var(--raw-gray-200);--color-nav-active-text: var(--color-accent);--color-nav-active-bg: var(--color-accent-bg);--color-nav-active-bar: var(--color-accent);--color-nav-hover-bg: rgba(255, 255, 255, .06)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Arial,sans-serif}.app-tooltip{position:fixed;z-index:9999;padding:5px 10px;border-radius:6px;background:#0f121ee0;color:#fff;font-size:11px;font-weight:500;white-space:nowrap;pointer-events:none;font-family:Segoe UI,Arial,sans-serif;animation:tooltip-in .12s ease forwards}@keyframes tooltip-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}