@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-primary:"Outfit", sans-serif;--bg-app:radial-gradient(circle at 50% 50%, #0e111d 0%, #07080f 100%);--bg-card:#161a2c73;--bg-card-hover:#1c213899;--border-glass:#ffffff0d;--border-glass-hover:#00e5ff33;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--color-solar:#ff9800;--color-solar-glow:#ff980026;--color-battery:#00e5ff;--color-battery-glow:#00e5ff26;--color-battery-charge:#4caf50;--color-home:#e040fb;--color-home-glow:#e040fb26;--color-grid:#90caf9;--color-grid-glow:#90caf926;--accent-cyan:#00e5ff;--accent-purple:#8a2be2;--shadow-glass:0 8px 32px 0 #0000005e;--glow-cyan:0 0 15px #00e5ff59;--glow-orange:0 0 15px #ff980059;--glow-purple:0 0 15px #e040fb59}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background:var(--bg-app);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0a0c1680}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#00e5ff4d}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-glass);box-shadow:var(--shadow-glass);border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{background:var(--bg-card-hover);border-color:#ffffff14}.glass-panel-interactive:hover{border-color:var(--border-glass-hover);transform:translateY(-2px);box-shadow:0 12px 40px #00e5ff1a}.app-container{background:var(--bg-app);min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#0a0d1a99;flex-direction:column;justify-content:space-between;width:260px;height:100vh;padding:24px 16px;display:flex;position:fixed}.main-content{flex:1;min-height:100vh;margin-left:260px;padding:32px;position:relative;overflow-y:auto}.gradient-text{background:linear-gradient(135deg,#00e5ff 0%,#e040fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:800}.input-field{width:100%;color:var(--text-primary);font-family:var(--font-primary);background:#0a0c1680;border:1px solid #ffffff14;border-radius:8px;outline:none;padding:12px 16px;font-size:15px;transition:all .2s}.input-field:focus{border-color:var(--accent-cyan);box-shadow:0 0 10px #00e5ff26}.btn-primary{color:#fff;width:100%;font-family:var(--font-primary);cursor:pointer;background:linear-gradient(135deg,#00e5ff 0%,#8a2be2 100%);border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #00e5ff33}.btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 6px 20px #00e5ff59}.btn-secondary{color:var(--text-primary);font-family:var(--font-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:500;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff26}@keyframes pulse-cyan{0%,to{box-shadow:0 0 10px #00e5ff33}50%{box-shadow:0 0 20px #00e5ff66}}.pulse-glow-cyan{animation:3s infinite pulse-cyan}@keyframes pulse-orange{0%,to{box-shadow:0 0 10px #ff980033}50%{box-shadow:0 0 20px #ff980066}}.pulse-glow-orange{animation:3s infinite pulse-orange}.luxury-slider{-webkit-appearance:none;background:#ffffff1a;border-radius:3px;outline:none;width:100%;height:6px;margin:16px 0}.luxury-slider::-webkit-slider-thumb{appearance:none;background:var(--accent-cyan);cursor:pointer;border-radius:50%;width:20px;height:20px;transition:transform .1s;box-shadow:0 0 10px #00e5ffcc}.luxury-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.margin-bottom-lg{margin-bottom:24px}