:root{--color-bg-primary:#f8f9fb;--color-bg-secondary:#fff;--color-bg-tertiary:#f0f2f5;--color-bg-card:#fff;--color-bg-sidebar:#1a1d23;--color-bg-overlay:rgba(0,0,0,.45);--color-text-primary:#1a1d23;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border:#e5e7eb;--color-border-light:#f0f2f5;--color-solar:#f59e0b;--color-solar-light:#fbbf24;--color-solar-dark:#d97706;--color-solar-glow:rgba(245,158,11,.15);--color-energy-green:#10b981;--color-energy-green-light:#34d399;--color-energy-blue:#3b82f6;--color-energy-purple:#8b5cf6;--color-status-online:#10b981;--color-status-offline:#6b7280;--color-status-error:#ef4444;--color-status-warning:#f59e0b;--color-status-maintenance:#3b82f6;--color-severity-info:#3b82f6;--color-severity-warning:#f59e0b;--color-severity-critical:#ef4444;--gradient-solar:linear-gradient(135deg,#f59e0b,#ef4444);--gradient-energy:linear-gradient(135deg,#10b981,#3b82f6);--gradient-dark:linear-gradient(135deg,#1a1d23,#2d3748);--gradient-card:linear-gradient(145deg,hsla(0,0%,100%,.9),hsla(0,0%,100%,.6));--gradient-hero:linear-gradient(180deg,#0a0a0f,#1a1d23 50%,#0f1419);--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow-solar:0 0 20px rgba(245,158,11,.3);--shadow-glow-green:0 0 20px rgba(16,185,129,.3);--transition-fast:.15s cubic-bezier(.4,0,.2,1);--transition-base:.25s cubic-bezier(.4,0,.2,1);--transition-slow:.35s cubic-bezier(.4,0,.2,1);--sidebar-width:260px;--sidebar-collapsed-width:72px;--header-height:64px;--content-max-width:1440px;--z-sidebar:100;--z-header:90;--z-modal:200;--z-toast:300}.dark{--color-bg-primary:#0a0a0f;--color-bg-secondary:#12141a;--color-bg-tertiary:#1a1d23;--color-bg-card:#16181e;--color-bg-sidebar:#0d0f14;--color-bg-overlay:rgba(0,0,0,.65);--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0a0a0f;--color-border:#1e293b;--color-border-light:#1a1d23;--gradient-card:linear-gradient(145deg,rgba(22,24,30,.95),rgba(22,24,30,.7));--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px -1px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.5)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}a{color:var(--color-energy-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-solar)}.glass{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.glass,.glass-strong{background:var(--gradient-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.glass-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:transform var(--transition-base),box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-flat{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.status-dot{border-radius:var(--radius-full);display:inline-block;height:8px;position:relative;width:8px}.status-dot.online{background:var(--color-status-online);box-shadow:0 0 6px var(--color-status-online)}.status-dot.online:after{animation:pulse-ring 2s ease-out infinite;border:1px solid var(--color-status-online);border-radius:var(--radius-full);content:"";inset:-3px;position:absolute}.status-dot.offline{background:var(--color-status-offline)}.status-dot.error{background:var(--color-status-error);box-shadow:0 0 6px var(--color-status-error)}.status-dot.warning{background:var(--color-status-warning);box-shadow:0 0 6px var(--color-status-warning)}@keyframes pulse-ring{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-left{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow-pulse{0%,to{box-shadow:0 0 5px var(--color-solar-glow)}50%{box-shadow:0 0 20px var(--color-solar-glow),0 0 40px var(--color-solar-glow)}}.animate-fade-in{animation:fade-in .4s ease-out}.animate-slide-left{animation:slide-in-left .3s ease-out}.animate-slide-right{animation:slide-in-right .3s ease-out}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-sm)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.page-container{margin:0 auto;max-width:var(--content-max-width);padding:var(--spacing-lg)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-lg)}.page-title,.section-title{color:var(--color-text-primary)}.section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.grid-kpi{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid-cards{display:grid;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){:root{--sidebar-width:0px;--header-height:56px}.page-container{padding:var(--spacing-md)}.page-title{font-size:var(--font-size-xl)}.grid-kpi{grid-template-columns:repeat(2,1fr)}.grid-cards{grid-template-columns:1fr}}@media(max-width:480px){.grid-kpi{grid-template-columns:1fr}}.n-button{background-color:var(--n-color)}@media screen and (min-width:768px){.naive-mobile-or-tablet{display:none!important}}@media screen and (max-width:768px){.naive-not-mobile-or-tablet{display:none!important}}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-transition:background-color 0s 600000s,color 0s 600000s!important;transition:background-color 0s 600000s,color 0s 600000s!important;-webkit-text-fill-color:var(--n-text-color)}.n-input__textarea-mirror{min-height:var(--n-height)}.naive-page{min-height:100vh;min-height:100dvh}