:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", "JetBrains Mono", Menlo, Monaco, Consolas, monospace;--ease-spring: cubic-bezier(.25, .8, .25, 1);--max-content-width: 1920px;--sidebar-width: 220px;--topbar-height: 52px;--radius: 12px;--radius-lg: 16px}:root,[data-theme=light]{--lf-teal: #2DD4BF;--lf-teal-dark: #14B8A6;--lf-teal-muted: rgba(45, 212, 191, .1);--bg-app: #F0F4F8;--bg-app-solid: #F0F4F8;--bg-sidebar: #0F172A;--bg-overlay: rgba(0, 0, 0, .3);--card-surface: rgba(255, 255, 255, .7);--card-surface-strong: rgba(255, 255, 255, .9);--card-surface-muted: rgba(255, 255, 255, .5);--bg-card: rgba(255, 255, 255, .7);--bg-card-hover: rgba(255, 255, 255, .85);--card-border-color: rgba(255, 255, 255, .4);--card-shadow-soft: 0 4px 16px rgba(0, 0, 0, .05);--card-shadow-strong: 0 8px 32px rgba(0, 0, 0, .08);--card-hover-tint: rgba(255, 255, 255, .2);--surface-hero: linear-gradient(135deg, rgba(255,255,255,.9), rgba(255,255,255,.6));--accent-primary: #2DD4BF;--accent-success: #22C55E;--accent-warning: #F59E0B;--accent-danger: #EF4444;--accent-purple: #8B5CF6;--text-primary: #0F172A;--text-strong: #020617;--text-secondary: #64748B;--text-tertiary: #94A3B8;--text-muted: #94A3B8;--glass-blur: blur(12px);--glass-border: 1px solid rgba(255, 255, 255, .4);--glass-border-strong: 1px solid rgba(255, 255, 255, .6);--glass-highlight: rgba(255, 255, 255, .8);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .05);--glow-hero: none;--noise-opacity: 0;--ambient-tint: rgba(59, 130, 246, .08);--control-bg: #F1F5F9;--control-bg-hover: #E2E8F0;--control-border: #E2E8F0;--control-icon: #475569;--bg-tertiary: #F1F5F9;--border-color: #E2E8F0;--divider-strong: #CBD5E1;--header-shadow: 0 1px 3px rgba(0, 0, 0, .06);--card-skeleton-bg: #F1F5F9;--card-skeleton-shimmer: #E2E8F0;--modal-overlay-bg: rgba(0, 0, 0, .4);--footer-bg: #FFFFFF;--footer-border: #E2E8F0;--input-bg: #F8FAFC;--input-border: #E2E8F0;--table-header-bg: #F8FAFC;--table-row-hover: #F1F5F9;--status-dot-shadow: 0 0 6px currentColor;--chart-bg-primary: rgba(45, 212, 191, .08);--chart-bg-secondary: rgba(99, 102, 241, .08);--chart-bg-tertiary: rgba(34, 197, 94, .08);--chart-grid: rgba(0, 0, 0, .06);--chart-axis: #64748B;--chart-line-primary: #14B8A6;--chart-line-secondary: #F97316;--chart-line-tertiary: #22C55E}[data-theme=dark]{--lf-teal: #2DD4BF;--lf-teal-dark: #14B8A6;--lf-teal-muted: rgba(45, 212, 191, .15);--bg-app: #0F172A;--bg-app-solid: #0F172A;--bg-sidebar: #020617;--bg-overlay: rgba(0, 0, 0, .6);--card-surface: rgba(30, 41, 59, .6);--card-surface-strong: rgba(51, 65, 85, .7);--card-surface-muted: rgba(30, 41, 59, .4);--bg-card: rgba(30, 41, 59, .6);--bg-card-hover: rgba(51, 65, 85, .7);--card-border-color: rgba(255, 255, 255, .08);--card-shadow-soft: 0 4px 16px rgba(0, 0, 0, .3);--card-shadow-strong: 0 8px 32px rgba(0, 0, 0, .5);--card-hover-tint: rgba(255, 255, 255, .04);--surface-hero: linear-gradient(135deg, rgba(30, 41, 59, .7), rgba(15, 23, 42, .6));--accent-primary: #2DD4BF;--accent-success: #34D399;--accent-warning: #FBBF24;--accent-danger: #F87171;--accent-purple: #A78BFA;--text-primary: #F1F5F9;--text-strong: #FFFFFF;--text-secondary: #94A3B8;--text-tertiary: #64748B;--text-muted: #64748B;--glass-blur: blur(16px);--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-border-strong: 1px solid rgba(255, 255, 255, .15);--glass-highlight: rgba(255, 255, 255, .1);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .4);--glow-hero: none;--noise-opacity: 0;--ambient-tint: rgba(14, 165, 233, .12);--control-bg: #334155;--control-bg-hover: #475569;--control-border: #475569;--control-icon: #CBD5E1;--bg-tertiary: rgba(255, 255, 255, .06);--border-color: rgba(255, 255, 255, .08);--divider-strong: rgba(255, 255, 255, .12);--header-shadow: 0 1px 3px rgba(0, 0, 0, .4);--card-skeleton-bg: #1E293B;--card-skeleton-shimmer: #334155;--modal-overlay-bg: rgba(0, 0, 0, .7);--footer-bg: #0F172A;--footer-border: rgba(255, 255, 255, .06);--input-bg: #1E293B;--input-border: rgba(255, 255, 255, .12);--table-header-bg: rgba(255, 255, 255, .04);--table-row-hover: rgba(255, 255, 255, .04);--chart-grid: rgba(255, 255, 255, .08);--chart-axis: #94A3B8;--chart-line-primary: #2DD4BF;--chart-line-secondary: #FB923C;--chart-line-tertiary: #34D399}:root[data-day-phase=morning]{--ambient-tint: rgba(251, 191, 36, .12)}:root[data-day-phase=day]{--ambient-tint: rgba(56, 189, 248, .12)}:root[data-day-phase=evening]{--ambient-tint: rgba(249, 115, 22, .14)}:root[data-day-phase=night]{--ambient-tint: rgba(30, 41, 59, .18)}[data-theme=dark][data-day-phase=morning]{--ambient-tint: rgba(251, 191, 36, .18)}[data-theme=dark][data-day-phase=day]{--ambient-tint: rgba(56, 189, 248, .16)}[data-theme=dark][data-day-phase=evening]{--ambient-tint: rgba(249, 115, 22, .2)}[data-theme=dark][data-day-phase=night]{--ambient-tint: rgba(15, 23, 42, .3)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{overflow-x:hidden;max-width:100vw;background:var(--bg-app)}body{font-family:var(--font-sans);background:var(--bg-app);color:var(--text-primary);margin:0;padding:0;min-height:100vh;max-width:100vw;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;transition:background .3s ease,color .3s ease}body:before,body:after{display:none}body,p,span,div,h1,h2,h3,h4,h5,h6,label,th{text-align:left}td,.number,[data-number],input[type=number]{text-align:right}h1,h2,h3,.center,[data-center],.text-center{text-align:center}:focus-visible{outline:3px solid var(--accent-primary);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:0;left:0;background:var(--accent-primary);color:var(--bg-app);padding:.75rem 1rem;transform:translateY(-120%);transition:transform .2s ease;z-index:1000;font-weight:600;border-bottom-right-radius:.5rem}.skip-link:focus-visible{transform:translateY(0)}@keyframes skeletonPulse{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseSoft{0%{box-shadow:0 0 #2dd4bf66}70%{box-shadow:0 0 0 10px #2dd4bf00}to{box-shadow:0 0 #2dd4bf00}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .5s var(--ease-spring) forwards}.card-skeleton{background:var(--card-skeleton-bg);border-radius:var(--radius);border:1px solid var(--border-color);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.skeleton-block{height:14px;border-radius:999px;background:linear-gradient(90deg,var(--card-skeleton-bg) 0%,var(--card-skeleton-shimmer) 50%,var(--card-skeleton-bg) 100%);background-size:200px 100%;animation:skeletonPulse 1.2s ease-in-out infinite}.skeleton-block.skeleton-header{width:40%;height:18px}.skeleton-block+.skeleton-block{margin-top:.5rem}.sidebar{width:var(--sidebar-width);background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-right:var(--glass-border);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:50;overflow-y:auto;transition:transform .3s ease}.sidebar-brand{padding:1rem 1.25rem;display:flex;align-items:center;gap:.625rem;border-bottom:var(--glass-border)}.sidebar-brand img{width:32px;height:32px;border-radius:6px;object-fit:contain;background:#fff;padding:2px}.sidebar-brand-text{display:flex;flex-direction:column}.sidebar-brand-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;line-height:1.2}.sidebar-brand-sub{font-size:.6875rem;color:var(--lf-teal);font-weight:500}.sidebar-nav{flex:1;padding:.75rem 0;overflow-y:auto}.sidebar-section-label{padding:1rem 1.25rem .375rem;font-size:.625rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.08em}.sidebar-link{display:block;padding:.5rem 1.25rem;font-size:.8125rem;font-weight:500;color:#94a3b8;text-decoration:none;cursor:pointer;transition:color .15s,background .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.sidebar-link:hover{color:#f1f5f9;background:#ffffff0a}.sidebar-link.active{color:var(--lf-teal);background:var(--lf-teal-muted)}.sidebar-footer{padding:1rem 1.25rem;border-top:var(--glass-border)}.sidebar-footer-link{display:block;padding:.375rem 0;font-size:.8125rem;font-weight:500;color:#64748b;cursor:pointer;background:none;border:none;text-align:left;font-family:inherit;transition:color .15s;width:100%}.sidebar-footer-link:hover{color:#f1f5f9}.topbar{position:fixed;top:0;left:var(--sidebar-width);right:0;height:var(--topbar-height);background:linear-gradient(135deg,var(--ambient-tint) 0%,var(--bg-card) 65%);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom:var(--glass-border);display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;z-index:40;box-shadow:var(--glass-shadow)}.topbar-title{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.topbar-controls{display:flex;align-items:center;gap:.75rem}.topbar-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-secondary)}.topbar-status-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-success)}.topbar-time{font-size:.8125rem;color:var(--text-secondary);font-weight:500}.theme-toggle{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;font-size:.875rem;transition:background .2s,border-color .2s;font-family:inherit}.theme-toggle:hover{background:var(--control-bg-hover);border-color:var(--accent-primary)}.header-settings-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;transition:background .2s,border-color .2s;font-size:.875rem}.header-settings-button:hover{background:var(--control-bg-hover);border-color:var(--accent-primary)}.header-settings-icon{font-size:1rem;line-height:1}.kpi-strip{background:linear-gradient(135deg,var(--ambient-tint) 0%,transparent 70%);margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:1rem 1.5rem;display:flex;gap:1rem;overflow-x:auto}.kpi-item{flex:1;min-width:120px;padding:.625rem 1rem;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-radius:10px;border:var(--glass-border);box-shadow:var(--glass-shadow);text-align:center}.kpi-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);line-height:1.2}.kpi-label{font-size:.625rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.06em;margin-top:.125rem}.app-header{display:none}.app-main{margin-left:var(--sidebar-width);margin-top:0;flex:1;width:calc(100% - var(--sidebar-width));box-sizing:border-box;position:relative;z-index:1}.grid-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;max-width:1480px;margin:0 auto;padding:1.5rem 2rem 2rem;width:100%;box-sizing:border-box}.grid-item{width:100%;min-width:0;box-sizing:border-box;max-width:100%;position:relative;animation:fadeInUp .4s var(--ease-spring) backwards}.grid-item.grid-hero,.grid-item.grid-full{grid-column:span 2}.grid-item:nth-child(1){animation-delay:.05s}.grid-item:nth-child(2){animation-delay:.1s}.grid-item:nth-child(3){animation-delay:.15s}.grid-item:nth-child(4){animation-delay:.2s}.grid-item:nth-child(5){animation-delay:.25s}.grid-item:nth-child(6){animation-delay:.3s}.grid-item:nth-child(7){animation-delay:.35s}.grid-item:nth-child(8){animation-delay:.4s}.grid-item:nth-child(n+9){animation-delay:.45s}.card,.collapsible-card,.grid-item>div,.settings-modal__dialog,.login-card{background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius)!important;box-shadow:var(--glass-shadow)}.card h2,.card h3,[class*=-card] h2,[class*=-card] h3,[class*=-container] h2,[class*=-container] h3,.collapsible-card h2{font-size:1.125rem!important;font-weight:600!important;color:var(--text-primary)!important;margin:0!important;line-height:1.3!important;letter-spacing:-.01em!important;text-align:left!important;width:100%;transition:color .3s ease}.card,.collapsible-card,.grid-item>div,.settings-modal__dialog,.login-card,input,button,select,.battery-level,.battery-level-inner{border-radius:var(--radius)!important}.btn,.settings-modal__button{border-radius:.5rem!important}.collapsible-card{width:100%;min-width:0;max-width:100%;box-sizing:border-box;display:block}.collapsible-card .card-frame{display:flex;flex-direction:column;width:100%;min-width:0;max-width:100%;box-sizing:border-box;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:transform .2s ease,box-shadow .2s ease;overflow:hidden;position:relative}.collapsible-card .card-frame:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 1px 0 var(--glass-highlight);pointer-events:none;z-index:10}.collapsible-card .card-frame:hover{box-shadow:var(--card-shadow-strong)}.collapsible-card .card-header{width:100%;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:transparent;border:none;color:inherit;padding:1rem 1.25rem;cursor:pointer;text-align:left;transition:background .15s ease;box-sizing:border-box}.collapsible-card .card-header:hover{background:var(--card-hover-tint)}.collapsible-card .card-toggle{display:flex!important;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;min-width:1.75rem;flex-shrink:0;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-secondary);transition:background .15s,border-color .15s}.collapsible-card .card-header:hover .card-toggle{background:var(--control-bg-hover)}.card-toggle-icon{display:inline-block;width:.625rem;height:.625rem;border-right:2px solid var(--text-secondary);border-bottom:2px solid var(--text-secondary);transform:rotate(45deg);transition:transform .2s ease}.card-toggle-icon.rotated{transform:rotate(225deg)}.collapsible-card .card-body{padding:0 1.25rem 1.25rem;transition:max-height .3s ease}.collapsible-card .card-body.card-collapsed{display:none}.card-header-controls{display:flex;align-items:center;gap:.5rem;margin-right:.5rem;flex-shrink:0}.date-nav--header{display:flex;align-items:center;gap:.25rem;margin:0}.date-nav--header .date-nav__btn{background:transparent;border:none;color:var(--text-tertiary);padding:.25rem;font-size:.9rem;cursor:pointer;transition:color .2s;min-width:auto}.date-nav--header .date-nav__btn:hover{color:var(--text-primary)}.date-nav--header .date-nav__picker{background:var(--control-bg);border:1px solid var(--control-border);color:var(--text-primary);padding:.25rem .5rem;font-size:.8rem;border-radius:.375rem;min-width:110px}.energy-controls.date-nav--mobile-only,.prices-header.date-nav--mobile-only,.date-nav.date-nav--mobile-only,.card-body .date-nav--mobile-only{display:none!important}table{width:100%;border-collapse:collapse}.status-dot{height:.75rem;width:.75rem;border-radius:50%;display:inline-block;margin-right:.5rem}.status-green{background-color:var(--accent-success)}.status-yellow{background-color:var(--accent-warning)}.status-red{background-color:var(--accent-danger)}.battery-level{position:relative;width:100%;height:2rem;background-color:var(--bg-tertiary);border-radius:.5rem;overflow:hidden;border:1px solid var(--border-color)}.battery-level-inner{position:absolute;top:0;left:0;height:100%;border-radius:.375rem;transition:width .5s ease-in-out}canvas{max-width:100%;height:auto!important}.chart-container{height:300px;min-height:250px;width:100%;position:relative;margin:1rem 0}@media (max-width: 768px){.chart-container{height:250px}}.chart-legend{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.5rem;justify-content:center;padding:1rem 0;border-top:1px solid var(--border-color)}.legend-item{display:flex;align-items:center;gap:.625rem}.legend-icon{width:20px;height:3px;display:block;border-radius:1.5px;flex-shrink:0}.legend-text{font-size:.875rem;color:var(--text-secondary);font-weight:500;white-space:nowrap}.card-header-with-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}.date-context{font-size:.875rem;font-weight:400;color:var(--text-muted);margin-left:.5rem}.date-picker{padding:.5rem .75rem;background:var(--control-bg);border:1px solid var(--control-border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:all .2s}.date-picker:hover{border-color:var(--accent-primary);background:var(--control-bg-hover)}.date-picker:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #2dd4bf26}.btn{width:100%;padding:.875rem;border-radius:.5rem;color:#fff;font-weight:600;transition:all .2s;border:none;cursor:pointer;margin-bottom:.75rem;font-family:inherit}.btn-indigo{background:#4f46e5}.btn-indigo:hover{background:#4338ca}.btn-purple{background:#7c3aed}.btn-purple:hover{background:#6d28d9}.btn-gray{background:#475569}.btn-gray:hover{background:#334155}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--accent-primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin:2rem auto}.card-loading-overlay{position:absolute;inset:0;background:var(--card-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:inherit;border:1px solid var(--border-color);z-index:20;text-align:center;padding:1.5rem;box-shadow:var(--card-shadow-soft)}.card-loading-overlay p{margin-top:1rem;color:var(--text-secondary);font-size:.9rem}.card-loading-overlay .spinner{margin:0 auto}.modal-overlay{position:fixed;inset:0;background-color:var(--modal-overlay-bg);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-card);border:1px solid var(--card-border-color);padding:2rem;border-radius:var(--radius-lg);width:90%;max-width:500px;box-shadow:var(--card-shadow-strong);max-height:80vh;overflow-y:auto}.hidden{display:none!important}.app-footer{background-color:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:var(--glass-border);padding:.75rem 1.5rem;display:flex;justify-content:space-between;align-items:center;font-size:.8125rem;color:var(--text-secondary);margin-left:var(--sidebar-width)}.footer-api-status{display:flex;align-items:center;gap:.5rem}.status-text{font-weight:600}.footer-version{color:var(--text-tertiary);font-size:.75rem}.export-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;background:var(--control-bg);color:var(--text-secondary);border:1px solid var(--control-border);border-radius:.5rem;font-size:1rem;cursor:pointer;transition:all .2s ease;margin-left:.25rem}.export-btn:hover{background:var(--control-bg-hover);color:var(--text-primary);border-color:var(--accent-primary)}.export-btn:active{transform:scale(.95)}.export-btn svg{width:20px;height:20px;flex-shrink:0}.text-right{text-align:right}.text-center{text-align:center}.text-left{text-align:left}.text-gray-400{color:#9ca3af}.text-white{color:#fff}.text-gray-200{color:#e5e7eb}.text-gray-300{color:#d1d5db}.text-gray-500{color:#6b7280}.text-green-400{color:#4ade80}.text-red-400{color:#f87171}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mr-2{margin-right:.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.flex{display:flex}.justify-between{justify-content:space-between}.items-center{align-items:center}.space-y-4>*+*{margin-top:1rem}.space-y-3>*+*{margin-top:.75rem}.space-y-2>*+*{margin-top:.5rem}.border-b{border-bottom:1px solid var(--border-color)}.border-gray-700{border-color:#374151}.rounded-lg{border-radius:.5rem}.bg-green-500{background-color:#10b981}.bg-yellow-500{background-color:#f59e0b}.bg-red-500{background-color:#ef4444}.bg-blue-700{background-color:#1d4ed8}.login-card{width:100%;max-width:420px;background:var(--bg-card);border:1px solid var(--card-border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--card-shadow-strong)}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.login-header h2{font-size:1rem;color:var(--text-secondary);font-weight:400}.form-group label{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.form-group input{padding:.75rem 1rem;background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius);color:var(--text-primary);font-size:.9375rem;transition:border-color .2s,box-shadow .2s;font-family:inherit}.form-group input::placeholder{color:var(--text-muted)}.form-group input:focus{outline:none;border-color:var(--lf-teal);box-shadow:0 0 0 3px #2dd4bf26}.password-input-wrapper{position:relative}.password-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;font-size:1.125rem;transition:color .2s}.password-toggle:hover{color:var(--text-secondary)}.checkbox-group input[type=checkbox]{width:auto;margin:0;accent-color:var(--lf-teal)}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.login-button{width:100%;padding:.875rem;background:var(--lf-teal);color:var(--bg-sidebar);border:none;border-radius:var(--radius);font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.login-button:hover:not(:disabled){background:var(--lf-teal-dark)}.error-message{padding:.75rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius);color:#dc2626;font-size:.875rem}.success-message{padding:.75rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius);color:#16a34a;font-size:.875rem}[data-theme=dark] .error-message{color:#fca5a5;background:#ef444426;border-color:#ef44444d}[data-theme=dark] .success-message{color:#6ee7b7;background:#22c55e26;border-color:#22c55e4d}.forgot-password-link{text-align:center;margin-top:1rem}.forgot-password-link a{color:var(--lf-teal-dark);text-decoration:none;font-size:.875rem;transition:color .2s}.forgot-password-link a:hover{color:var(--lf-teal);text-decoration:underline}.setup-instructions{margin-bottom:1.5rem}.instructions-toggle{width:100%;padding:.75rem;background:var(--control-bg);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;cursor:pointer;transition:all .2s}.instructions-toggle:hover{background:var(--control-bg-hover)}.instructions-content{margin-top:1rem;padding:1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:.5rem;font-size:.875rem;color:var(--text-secondary)}.instructions-content h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.instructions-content h4{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin-top:1rem;margin-bottom:.5rem}.instructions-content ol,.instructions-content ul{margin-left:1.5rem;margin-bottom:1rem}.instructions-content li{margin-bottom:.5rem;line-height:1.5}.instructions-content .note{margin-top:.75rem;padding:.75rem;background:#f59e0b14;border-left:3px solid #F59E0B;border-radius:.25rem;font-size:.8125rem}.instruction-section{margin-bottom:1.5rem}.sidebar-icon{display:none}.sidebar-link.sub-link{padding-left:2rem;font-size:.75rem;color:var(--text-tertiary);padding-top:.375rem;padding-bottom:.375rem;border-left:3px solid transparent}.sidebar-link.sub-link:hover{color:var(--text-primary);background:#ffffff05}.sidebar-link.sub-link.active{color:var(--lf-teal);background:transparent;font-weight:600;border-left:3px solid var(--lf-teal)}.view-container{display:none;width:100%}.view-container.active{display:block;animation:fadeInUp .3s var(--ease-spring)}@media (max-width: 1024px){.grid-container{grid-template-columns:1fr;gap:1.25rem;padding:1rem 1.25rem 1.25rem}.grid-item.grid-hero,.grid-item.grid-full{grid-column:span 1}}@media (max-width: 768px){:root{--sidebar-width: 0px;--topbar-height: 48px}.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.topbar{left:0}.app-main{margin-left:0;width:100%}.app-footer,.kpi-strip{margin-left:0}.grid-container{grid-template-columns:1fr;padding:0 .75rem .75rem;gap:.75rem}.grid-item.grid-hero,.grid-item.grid-full{grid-column:span 1}.collapsible-card .card-header{padding:.875rem 1rem}.collapsible-card .card-header h2{font-size:1rem!important}.collapsible-card .card-body{padding:0 1rem 1rem}.card-header-controls{display:none!important}.energy-controls.date-nav--mobile-only,.prices-header.date-nav--mobile-only{display:block!important}.date-nav.date-nav--mobile-only,.card-body .date-nav--mobile-only{display:flex!important}.bottom-tabs{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-top:var(--glass-border);display:flex;z-index:50;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.5rem 0;font-size:.625rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;font-family:inherit}.bottom-tab.active{color:var(--lf-teal)}.bottom-tab-icon{font-size:1.125rem;line-height:1}.app-main{padding-bottom:60px}}@media (max-width: 640px){.grid-container{padding:0 .5rem .5rem}html,body{overflow-x:hidden;max-width:100vw;width:100%;background-attachment:scroll}.card,[class*=-card],[class*=-container]{max-width:100%;width:100%;box-sizing:border-box;overflow-x:hidden;overflow-y:visible}table{width:100%;max-width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}table td,table th{white-space:nowrap;padding:.5rem .25rem;font-size:.8125rem}.live-power-flow table,.power-flow-table{font-size:.75rem;min-width:600px}.chart-container,.price-chart-container{width:100%;max-width:100%;overflow-x:hidden;box-sizing:border-box}}input[type=date]{background:var(--control-bg)!important;border:1px solid var(--control-border)!important;color:var(--text-primary)!important;padding:.5rem .75rem;border-radius:.5rem!important}input[type=date]:hover{background:var(--control-bg-hover)!important;border-color:var(--accent-primary)!important}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.7}[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;font-size:1.125rem}@media (max-width: 768px){.mobile-menu-btn{display:flex}}@supports (-webkit-touch-callout: none){.grid-item{-webkit-transform:translateZ(0);transform:translateZ(0)}}.date-nav{display:flex;align-items:center;justify-content:center;gap:.5rem}.card-body .date-nav{margin-bottom:1rem}.date-nav__btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-primary);padding:.5rem .75rem;border-radius:2rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;min-width:38px;display:flex;align-items:center;justify-content:center}[data-theme=light] .date-nav__btn,:root .date-nav__btn{background:#dbeafe80;border-color:#3b82f64d;color:#1e3a8a}.date-nav__btn:hover{background:var(--bg-card-hover);border-color:var(--accent-primary);transform:scale(1.05)}[data-theme=light] .date-nav__btn:hover,:root .date-nav__btn:hover{background:#dbeafecc;border-color:#3b82f680}.date-nav__btn:active{transform:scale(.95)}[data-theme=dark] .date-nav__btn{background:var(--bg-tertiary);border-color:var(--border-color);color:var(--accent-primary)}[data-theme=dark] .date-nav__btn:hover{background:var(--bg-card-hover)}.date-nav__picker{background:var(--input-bg, var(--bg-card));border:var(--glass-border);color:var(--text-primary);padding:.5rem 1rem;border-radius:.75rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:140px;backdrop-filter:blur(10px)}[data-theme=light] .date-nav__picker,:root .date-nav__picker{background:#dbeafe99!important;border:1px solid rgba(59,130,246,.3)!important;color:#1e3a8a!important}[data-theme=light] input[type=date],:root input[type=date]{background:#dbeafe99!important;border:1px solid rgba(59,130,246,.3)!important;color:#1e3a8a!important}.date-nav__picker:hover{border-color:var(--accent-primary);background:var(--bg-card-hover)}[data-theme=light] .date-nav__picker:hover,:root .date-nav__picker:hover{background:#dbeafecc;border-color:#3b82f680}.date-nav__picker:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #0a84ff4d}[data-theme=dark] .date-nav__picker{background:var(--input-bg);border:var(--glass-border);color:var(--text-primary)}[data-theme=dark] .date-nav__picker:hover{background:var(--bg-card-hover)}.date-nav__picker::-webkit-calendar-picker-indicator,input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.8}[data-theme=light] .date-nav__picker::-webkit-calendar-picker-indicator,:root .date-nav__picker::-webkit-calendar-picker-indicator,[data-theme=light] input[type=date]::-webkit-calendar-picker-indicator,:root input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.15) sepia(1) saturate(10) hue-rotate(200deg)!important}[data-theme=dark] .date-nav__picker::-webkit-calendar-picker-indicator,[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.toggle-group{display:flex;gap:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem}[data-theme=light] .toggle-group,:root .toggle-group{background:#dbeafe66;border-color:#3b82f640}.toggle-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}[data-theme=light] .toggle-btn,:root .toggle-btn{color:#1e3a8a}.toggle-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}[data-theme=light] .toggle-btn:hover,:root .toggle-btn:hover{background:#dbeafe99;color:#1e40af}.toggle-btn.active{background:var(--accent-primary);color:#fff;box-shadow:0 1px 3px #00000026}[data-theme=light] .toggle-btn.active,:root .toggle-btn.active{background:#2563eb;color:#fff}[data-theme=dark] .toggle-group{background:var(--bg-tertiary);border-color:var(--border-color)}[data-theme=dark] .toggle-btn{color:var(--text-secondary)}[data-theme=dark] .toggle-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}[data-theme=dark] .toggle-btn.active{background:var(--accent-primary);color:#fff}.hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem;margin-bottom:1rem}.hero-grid--3{grid-template-columns:repeat(3,1fr)}.hero-grid--2{grid-template-columns:repeat(2,1fr)}.hero-card{text-align:center;padding:1.25rem 1rem;background:var(--bg-card);border-radius:1rem;border:var(--glass-border);transition:transform .3s var(--ease-spring),box-shadow .3s var(--ease-spring);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.hero-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #1e3a5f26}.hero-card--primary{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.hero-card--success{background:linear-gradient(135deg,#10b98126,#10b9810d);border-color:#10b9814d}.hero-card--info{background:linear-gradient(135deg,#3b82f626,#3b82f60d);border-color:#3b82f64d}.hero-card--warning{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border-color:#fbbf244d}.hero-card--danger{background:linear-gradient(135deg,#ef444426,#ef44440d);border-color:#ef44444d}.hero-card__value{display:block;font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.2;margin-bottom:.375rem}.hero-card--primary .hero-card__value{color:var(--accent-warning)}.hero-card--success .hero-card__value{color:var(--accent-success)}.hero-card--info .hero-card__value{color:var(--accent-primary)}.hero-card--warning .hero-card__value{color:#fbbf24}.hero-card--danger .hero-card__value{color:var(--accent-danger)}.hero-card__label{display:block;font-size:.7rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em}.hero-card__unit{font-size:.875rem;font-weight:500;color:var(--text-tertiary)}[data-theme=light] #card-power-prices .hero-card,[data-theme=light] #card-power-prices .hero-grid .hero-card{background:linear-gradient(135deg,#bfdbfe66,#93c5fd4d);border-color:#3b82f666}[data-theme=light] #card-power-prices .hero-card__value,[data-theme=light] #card-power-prices .hero-grid .hero-card__value{color:#1e40af}[data-theme=light] #card-power-prices .hero-card__label,[data-theme=light] #card-power-prices .hero-grid .hero-card__label{color:#1e3a8a}[data-theme=light] #card-system-status .hero-card,[data-theme=light] #card-system-status .hero-grid .hero-card{background:linear-gradient(135deg,#bbf7d066,#86efac4d);border-color:#10b98166}[data-theme=light] #card-system-status .hero-card__value,[data-theme=light] #card-system-status .hero-grid .hero-card__value{color:#065f46}[data-theme=light] #card-system-status .hero-card__label,[data-theme=light] #card-system-status .hero-grid .hero-card__label{color:#047857}[data-theme=light] #card-solar-forecast .hero-card,[data-theme=light] #card-solar-forecast .hero-grid .hero-card{background:linear-gradient(135deg,#fef3c766,#fde68a4d);border-color:#f59e0b66}[data-theme=light] #card-solar-forecast .hero-card__value,[data-theme=light] #card-solar-forecast .hero-grid .hero-card__value{color:#92400e}[data-theme=light] #card-solar-forecast .hero-card__label,[data-theme=light] #card-solar-forecast .hero-grid .hero-card__label{color:#78350f}@media (max-width: 640px){.hero-grid--3,.hero-grid--2{grid-template-columns:repeat(2,1fr)}.hero-card__value{font-size:1.25rem}.hero-card__label{font-size:.65rem}.date-nav__picker{min-width:120px;padding:.4rem .75rem;font-size:.85rem}.date-nav__btn{padding:.4rem .6rem;min-width:34px}}@media (max-width: 480px){.hero-grid--3{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.hero-card{padding:.75rem .5rem}.hero-card__value{font-size:1.1rem}.hero-card__label{font-size:.6rem}}.system-status-content{display:flex;flex-direction:column;gap:1.5rem}.charge-section{display:flex;flex-direction:column;gap:.5rem}.charge-label{font-size:.875rem;color:var(--text-muted)}.charge-bar-wrapper{position:relative;width:100%}.charge-bar-container{width:100%;height:24px;background:var(--bg-tertiary);border-radius:12px;overflow:hidden;position:relative}.charge-bar{height:100%;border-radius:12px;transition:width .3s ease,background .3s ease}.charge-bar.low{background:linear-gradient(90deg,#ef4444,#dc2626)}.charge-bar.medium{background:linear-gradient(90deg,#f59e0b,#d97706)}.charge-bar.high{background:linear-gradient(90deg,#10b981,#059669)}.charge-value-overlay{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:.875rem;font-weight:600;color:var(--text-primary);z-index:10;text-shadow:0 1px 2px rgba(0,0,0,.3)}.charge-trend{font-size:.8125rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.35rem}.charge-trend.trend-up{color:var(--accent-success)}.charge-trend.trend-down{color:var(--accent-danger)}.status-rows{display:flex;flex-direction:column;gap:1rem}.status-row{display:flex;justify-content:space-between;align-items:center}.status-label{font-size:.9375rem;color:var(--text-secondary)}.status-value-right{font-size:.9375rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;line-height:1.5;min-width:140px;justify-content:flex-start}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0;vertical-align:middle;margin:0;align-self:center}.last-update{font-size:.8125rem;color:var(--text-muted);text-align:center;padding-top:.5rem;border-top:1px solid var(--border-color)}.power-flow-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--bg-tertiary);scroll-behavior:smooth;overscroll-behavior-x:contain}.power-flow-table-wrapper::-webkit-scrollbar{height:8px}.power-flow-table-wrapper::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.power-flow-table-wrapper::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px;border:1px solid var(--border-color)}.power-flow-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.power-flow-table{width:100%;border-collapse:collapse;font-size:.9375rem;max-width:100%}@media (max-width: 640px){.power-flow-table{font-size:.75rem;min-width:650px}}.power-flow-table thead{border-bottom:1px solid var(--border-color)}.power-flow-table th{padding:.75rem .5rem;text-align:left;font-size:.8125rem;font-weight:500;color:var(--text-muted);text-transform:none;letter-spacing:0}.power-flow-table th:nth-child(n+2){text-align:right}.power-flow-table th:nth-child(6){text-align:center}.power-flow-table td{padding:.75rem .5rem;border-top:1px solid var(--border-color);color:var(--text-secondary);border-bottom-left-radius:10px}.power-flow-table .total-row td:last-child,.power-flow-table .total-row th:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.power-flow-table .total-row:hover{background:var(--accent-primary);opacity:.9}.power-flow-controls{display:flex;justify-content:flex-end;margin-bottom:1rem;padding:0 .5rem}.view-toggle{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem;gap:.25rem}.view-toggle-btn{background:transparent;border:none;color:var(--text-secondary);padding:.375rem .875rem;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .view-toggle-btn,:root .view-toggle-btn{color:#1e3a8a}.view-toggle-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}[data-theme=light] .view-toggle-btn:hover,:root .view-toggle-btn:hover{background:#dbeafe99;color:#1e40af}.view-toggle-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 3px #00000026}.sankey-container{width:100%;display:flex;justify-content:center;padding:.5rem 0 0}.sankey-container svg{width:100%;max-width:520px;height:auto}.sankey-container svg text{font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif)}.flow-phase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;padding:.75rem 0 0;margin-top:.75rem;border-top:1px solid var(--border-color, rgba(30, 58, 95, .1))}.flow-phase-item{display:flex;flex-direction:column;gap:.25rem}.flow-phase-label{font-size:.6875rem;font-weight:600;color:var(--text-muted, #94A3B8);text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;gap:.375rem}.flow-phase-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.flow-phase-values{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.flow-phase-val{font-size:.75rem;font-weight:600;color:var(--text-secondary, #64748B);display:block}.flow-phase-val-label{font-size:.625rem;color:var(--text-muted, #94A3B8);display:block}@media (max-width: 640px){.flow-phase-strip{grid-template-columns:1fr;gap:.5rem}.flow-phase-values{grid-template-columns:repeat(4,1fr)}.sankey-container svg{max-width:100%}}.weather-gradient-card{background:linear-gradient(135deg,#1e293bcc,#0ea5e966);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);transition:background 1s ease-in-out;border-radius:1.5rem;padding:1.5rem;box-shadow:var(--glass-shadow);color:#fff}.weather-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.weather-location{font-size:18px;font-weight:600;opacity:.95}.weather-title-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-left:4px}.weather-title-icon svg{width:48px;height:48px}.weather-time{font-size:12px;opacity:.8;margin-top:4px}.weather-current{margin-bottom:24px}.weather-temp-large{font-size:56px;font-weight:700;line-height:1;margin-bottom:4px}.weather-temp-range{font-size:14px;font-weight:400;opacity:.75;margin-bottom:8px;letter-spacing:.5px}.weather-description{font-size:18px;opacity:.9}.weather-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.weather-detail-item{display:flex;flex-direction:column;gap:4px}.weather-detail-label{font-size:13px;opacity:.8;display:flex;align-items:center;gap:.375rem}.weather-detail-icon{display:inline-flex;align-items:center;vertical-align:middle;flex-shrink:0}.weather-detail-icon svg{display:block}.weather-detail-value{font-size:16px;font-weight:600}.weather-forecast-hours{border-top:1px solid rgba(255,255,255,.2);padding-top:16px}.forecast-title{font-size:14px;font-weight:600;margin-bottom:12px;text-align:center;opacity:.9}.forecast-hours-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;text-align:center}.forecast-hour-item{display:flex;flex-direction:column;align-items:center;gap:6px}.forecast-hour-time{font-size:11px;opacity:.85}.forecast-hour-icon{font-size:32px}.forecast-hour-temp{font-size:14px;font-weight:600}.forecast-hour-icon svg{width:32px;height:32px;display:block}.weather-forecast-days{border-top:1px solid rgba(255,255,255,.2);padding-top:16px;margin-top:16px}.forecast-days-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center}.forecast-day-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:#ffffff1a;border-radius:8px;backdrop-filter:blur(4px)}.forecast-day-date{font-size:12px;opacity:.9;font-weight:600}.forecast-day-icon{display:flex;align-items:center;justify-content:center}.forecast-day-icon svg{width:40px;height:40px;display:block}.forecast-day-temps{display:flex;flex-direction:column;gap:2px}.forecast-day-temp-max{font-size:16px;font-weight:600}.forecast-day-temp-min{font-size:13px;opacity:.8}.forecast-day-precip{font-size:11px;opacity:.85;margin-top:4px}.weather-footer{margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.2);text-align:right;font-size:.75rem}@media (max-width: 768px){.weather-temp-large{font-size:42px}.forecast-hours-grid{gap:8px}.forecast-hour-time{font-size:10px}}.energy-history-card{display:flex;flex-direction:column;gap:1.25rem}.energy-controls.date-nav--mobile-only{display:none!important}@media (max-width: 640px){.energy-controls.date-nav--mobile-only{display:flex!important;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}}.energy-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.energy-context{display:flex;flex-direction:column;gap:.25rem}.energy-context-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.date-controls{display:flex;align-items:center;gap:.5rem}.energy-history-card .chart-container{position:relative;height:400px;min-height:320px;background:transparent}.energy-history-card .chart-container canvas{width:100%!important;height:100%!important;max-height:none!important}.chart-message{display:none!important;background:transparent!important}.chart-message:not([hidden]){display:flex!important;background:var(--card-surface-strong)}.chart-loading,.chart-error,.chart-unavailable{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-surface-strong);border:1px solid var(--border-color);border-radius:.75rem;padding:2rem;z-index:10;min-width:200px;box-shadow:var(--card-shadow-soft)}.chart-loading p,.chart-error p,.chart-unavailable p{margin-top:1rem;color:var(--text-secondary);font-size:.875rem}.chart-error p{color:var(--accent-danger)}.chart-unavailable p{color:var(--text-secondary)}.energy-swiper-wrapper{position:relative;display:flex;flex-direction:column;gap:.5rem;min-height:420px}.energy-history-swiper{width:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.energy-history-swiper::-webkit-scrollbar{display:none}.energy-history-swiper .scroll-slide{flex:0 0 100%;scroll-snap-align:start;padding:.25rem .5rem .5rem;display:flex;flex-direction:column}.energy-phase-pagination{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.35rem;margin-top:.5rem}.scroll-dots{display:flex;align-items:center;justify-content:center;gap:.5rem}.scroll-dot{width:11px;height:11px;border-radius:999px;background:color-mix(in srgb,var(--chart-line-primary) 30%,transparent);border:none;padding:0;margin:0 6px;cursor:pointer;transition:transform .2s ease,background .2s ease}.scroll-dot.active{background:var(--chart-line-primary);transform:scale(1.15)}.phase-active-label{font-size:.85rem;letter-spacing:.01em;color:var(--text-secondary)}.legend-item{display:flex;align-items:center;gap:.5rem}.chart-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;padding:.75rem;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}@media (max-width: 768px){.energy-controls{flex-direction:column;align-items:flex-start;gap:.75rem}.date-controls{width:100%;justify-content:space-between}.date-nav__picker{flex:1}.energy-swiper-wrapper{min-height:340px}.energy-history-card .chart-container{height:320px}.energy-history-card .chart-container canvas{height:300px;max-height:300px}.chart-legend{gap:1rem}.legend-text{font-size:.8125rem}}@media (max-width: 480px){.date-controls{width:100%;justify-content:space-between}}.ev-charging-card{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.ev-status-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;background:var(--card-surface);border:var(--glass-border);transition:all .3s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ev-status-banner--charging{border-color:color-mix(in srgb,var(--accent-success) 50%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent-success) 15%,transparent),var(--card-surface));box-shadow:0 0 20px color-mix(in srgb,var(--accent-success) 20%,transparent)}.ev-status-banner--idle{border-color:var(--border-color)}.ev-status-banner--unknown{border-color:var(--border-color);opacity:.7}.ev-status-icon{font-size:2.5rem;line-height:1}.ev-status-text{flex:1}.ev-status-text h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.ev-connector-label{display:inline-block;margin-left:.5rem;padding:.1rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:999px;vertical-align:middle}.ev-status-power{margin:.25rem 0 0;font-size:1rem;font-weight:500;color:var(--accent-success)}.ev-status-note{margin:.25rem 0 0;font-size:.875rem;color:var(--text-secondary)}.ev-status-time{font-size:.75rem;color:var(--text-tertiary);text-align:right}.ev-last-session{padding:1.25rem;background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ev-section-title{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.ev-session-header{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.ev-session-date{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ev-session-time{font-size:.75rem;color:var(--text-secondary)}.ev-session-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.ev-metric{display:flex;flex-direction:column;gap:.25rem}.ev-metric-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ev-metric-value{font-size:1.125rem;font-weight:600;color:var(--text-primary)}.ev-recent-sessions{padding:1.25rem;background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ev-table-wrapper{overflow-x:auto;margin-top:1rem}.ev-sessions-table{width:100%;border-collapse:collapse;font-size:.875rem}.ev-sessions-table thead{background:var(--table-header-bg)}.ev-sessions-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;border-bottom:2px solid var(--border-color)}.ev-sessions-table td{padding:.75rem 1rem;color:var(--text-primary);border-bottom:1px solid var(--border-color)}.ev-session-row:hover{background:var(--table-row-hover)}.ev-session-date-cell{font-weight:500;color:var(--text-primary)}.ev-session-time-cell{color:var(--text-secondary);font-size:.8125rem}.ev-session-energy-cell{font-weight:500;color:var(--accent-primary)}.ev-session-cost-cell{font-weight:500;color:var(--accent-success)}.ev-session-duration-cell{color:var(--text-secondary)}.ev-no-data{margin:1rem 0;padding:1.5rem;text-align:center;color:var(--text-secondary);font-size:.875rem;background:var(--bg-tertiary);border-radius:.5rem;border:1px dashed var(--border-color)}.ev-charging-card .error-message{padding:1rem;color:var(--accent-danger);background:color-mix(in srgb,var(--accent-danger) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-danger) 30%,transparent);border-radius:.5rem;text-align:center}@media (max-width: 768px){.ev-session-metrics{grid-template-columns:repeat(2,1fr)}.ev-sessions-table{font-size:.8125rem}.ev-sessions-table th,.ev-sessions-table td{padding:.5rem .75rem}}.prices-header.date-nav--mobile-only{display:none!important}@media (max-width: 640px){.prices-header.date-nav--mobile-only{display:flex!important;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.75rem}}.power-prices-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-card-border);padding:var(--space-20);box-shadow:var(--shadow-sm)}.current-price-display{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.25rem 1rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#3b82f61f,#8b5cf614);border-radius:.75rem;border:1px solid rgba(59,130,246,.25);position:relative;overflow:hidden}.current-price-display:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#3b82f6);background-size:200% 100%;animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.current-price-display.hidden{display:none}.current-price-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin-bottom:.35rem}.current-price-value{font-size:2.5rem;font-weight:700;color:var(--text-strong);line-height:1;font-variant-numeric:tabular-nums;transition:color .3s ease}.current-price-value.price-negative{color:#34d399}.current-price-value.price-high{color:#f87171}.current-price-value.price-low{color:#4ade80}.current-price-unit{font-size:.8rem;font-weight:500;color:#9ca3af;margin-top:.15rem}.current-price-breakdown{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;font-size:.8rem;color:#9ca3af}.breakdown-item{display:flex;align-items:center;gap:.25rem}.breakdown-item strong{color:#d1d5db;font-weight:600}.breakdown-separator{color:#6b7280;font-weight:300}.current-price-time{margin-top:.5rem;font-size:.7rem;color:#6b7280;font-style:italic}.prices-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-20);flex-wrap:wrap;gap:var(--space-12)}.prices-title{display:flex;align-items:baseline;gap:var(--space-8)}.prices-title-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary, #e5e7eb);letter-spacing:.03em;text-transform:uppercase}.price-controls{display:flex;align-items:center;gap:var(--space-8)}.price-chart-container{position:relative;height:320px;margin-bottom:var(--space-20);background:var(--color-surface);border-radius:var(--radius-base);padding:var(--space-12)}.price-chart-loading,.price-chart-error,.price-chart-unavailable{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#1f2937e6;border-radius:var(--radius-base);padding:2rem;z-index:10;min-width:200px}.price-chart-loading p,.price-chart-error p,.price-chart-unavailable p{margin-top:1rem;color:#9ca3af;font-size:.875rem}.price-chart-error p{color:#ef4444}.price-chart-unavailable p{color:var(--text-secondary)}.chart-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:var(--space-20);padding:.75rem;flex-wrap:wrap;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.legend-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.legend-icon{width:12px;height:12px;border-radius:50%;display:inline-block;flex-shrink:0}.legend-icon--offpeak{background:#4ade80}.legend-icon--peak{background:#f87171}.legend-icon--current{background:#fbbf24}.legend-icon--buy{background:var(--price-buy-color);width:16px;height:2px;border-radius:0}.legend-icon--sell{background:var(--price-sell-color);width:16px;height:2px;border-radius:0}.price-stats-card{margin:1.5rem auto 1rem;padding:var(--space-16);background:var(--card-surface);border-radius:1rem;border:1px solid var(--border-color);max-width:100%;display:flex;flex-direction:column;gap:var(--space-12);box-shadow:var(--card-shadow-soft)}.price-stats-title{text-align:center;font-size:.9rem;color:var(--text-primary);font-weight:600;margin-bottom:.75rem}.price-stats-table-wrapper{display:flex;justify-content:center;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.price-callout{margin-top:.75rem;font-size:.875rem;text-align:center;color:var(--text-secondary);background:color-mix(in srgb,var(--chart-line-primary) 12%,transparent);border-radius:.75rem;padding:.65rem .75rem;border:1px solid color-mix(in srgb,var(--chart-line-primary) 28%,transparent)}.price-callout.callout-active{color:var(--text-primary);border-color:var(--chart-line-primary);background:color-mix(in srgb,var(--chart-line-primary) 25%,transparent)}.price-stats-table{width:100%;border-collapse:collapse;margin:0 auto;min-width:300px}.price-stats-table thead th{padding:.4rem .5rem;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border-color)}.price-stats-table thead th:first-child{text-align:left}.price-stats-table tbody th{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--text-primary);text-align:left;width:auto;min-width:120px}.price-stats-table tbody td{padding:.5rem .75rem;font-size:.875rem;font-weight:600;color:var(--accent-warning);text-align:right;width:auto;min-width:100px}.price-stats-table tbody tr+tr{border-top:1px solid var(--border-color)}.price-tariff-note{margin-top:.5rem;font-size:.8rem;text-align:center;color:var(--chart-line-primary);font-style:italic}.price-source{text-align:right;font-size:.75rem;color:var(--accent-success);margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-color)}.date-context{font-size:.875rem;font-weight:400;color:var(--text-secondary)}@media (max-width: 1024px){.price-chart-container{height:280px}.prices-header h2{font-size:var(--font-size-lg)}}@media (max-width: 768px){.power-prices-card{padding:var(--space-16)}.prices-header{flex-direction:column;align-items:flex-start}.price-controls{width:100%;justify-content:space-between}.price-chart-container{height:240px}.price-stats-card{max-width:100%;align-items:stretch;padding:var(--space-12)}.price-stats-table{font-size:.8rem}.legend-item{font-size:11px}.current-price-value{font-size:2rem}.current-price-breakdown{flex-wrap:wrap;justify-content:center}}@media (max-width: 480px){.power-prices-card{padding:var(--space-12)}.prices-header h2{font-size:var(--font-size-base)}.price-controls{gap:var(--space-6)}.price-chart-container{height:220px;padding:var(--space-8)}.price-legend{gap:var(--space-16);flex-direction:column;align-items:flex-start}.price-stats-card{padding:var(--space-10)}.price-stats-table{font-size:.75rem;min-width:unset;width:100%}.price-stats-table tbody th{min-width:80px;padding:.4rem .5rem}.price-stats-table tbody td{min-width:60px;padding:.4rem .5rem}.current-price-display{padding:1rem .75rem}.current-price-value{font-size:1.75rem}.current-price-breakdown{font-size:.7rem}}.power-prices-card{--price-buy-color: #dc2626;--price-buy-color-light: #ef4444;--price-sell-color: #15803d;--price-sell-color-light: #16a34a}[data-theme=dark] .power-prices-card{--price-buy-color: #ef4444;--price-buy-color-light: #fca5a5;--price-sell-color: #22c55e;--price-sell-color-light: #86efac}.price-stats-table thead th.sell-header{color:var(--price-sell-color)}.price-stats-table tbody td.sell-value{color:var(--price-sell-color-light)}.price-stats-table thead th.buy-header{color:var(--price-buy-color)}.price-stats-table tbody td.buy-value{color:var(--price-buy-color-light)}.current-price-breakdown .sell-price{color:var(--price-sell-color)!important}.current-price-breakdown .buy-price{color:var(--price-buy-color)!important}@media (prefers-color-scheme: dark){.legend-icon--offpeak{background:#4ade80;opacity:.9}.legend-icon--peak{background:#f87171;opacity:.9}.legend-icon--current{background:#fbbf24;opacity:.95}}.system-analytics-card{background:transparent;border-radius:0;padding:0;color:inherit;box-shadow:none;display:flex;flex-direction:column;gap:18px;min-height:420px;position:relative}.system-analytics-card.error{align-items:center;justify-content:center;text-align:center;font-size:.95rem;color:#ffffffb3}.analytics-header{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:center;margin-bottom:.5rem}.analytics-title-group{display:flex;flex-direction:column;gap:.35rem}.analytics-subtitle{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary)}.analytics-filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.analytics-filter-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.analytics-select{background:var(--control-bg);color:var(--text-primary);border-radius:.75rem;border:1px solid var(--control-border);padding:8px 12px;font-size:.85rem;font-weight:500;min-width:140px;cursor:pointer;transition:border .2s ease,background .2s ease}.analytics-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.analytics-select:hover{background:var(--control-bg-hover)}.analytics-body{position:relative;flex:1;min-height:340px}.analytics-swiper{width:100%;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.analytics-swiper::-webkit-scrollbar{display:none}.analytics-swiper .scroll-slide{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column}.chart-wrapper{background:var(--card-surface);border-radius:1rem;border:1px solid var(--border-color);padding:16px;flex:1;display:flex;flex-direction:column;box-shadow:var(--card-shadow-soft)}.chart-title{font-size:.95rem;font-weight:600;margin:0 0 6px;color:var(--text-primary)}.chart-wrapper canvas{width:100%;height:260px;max-height:260px}.analytics-legend{margin-top:14px;display:flex;flex-wrap:wrap;justify-content:center;gap:18px}.analytics-legend .legend-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.analytics-legend .legend-icon{width:12px;height:12px;border-radius:50%;display:inline-block;position:relative}.analytics-legend .legend-icon--today{background:var(--metric-color, #38bdf8)}.analytics-legend .legend-icon--avg{background:transparent;border:2px dashed var(--metric-color, rgba(125, 211, 252, .9))}.analytics-legend .legend-icon--range{background:var(--bg-tertiary);border:1px solid var(--border-color)}.analytics-legend .legend-icon--forecast{background:transparent;border:2px dashed var(--forecast-color, #fbbf24);border-radius:2px}.analytics-dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:12px}@media (max-width: 768px){.system-analytics-card{min-height:360px}.analytics-header{flex-direction:column;align-items:flex-start}}#peak-consumption-container .collapsible-card .card-frame,#peak-consumption-container .collapsible-card .card-body{overflow-x:visible}.peak-card{display:flex;flex-direction:column;gap:1.25rem;width:100%;max-width:100%;box-sizing:border-box}.peak-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.peak-card-title{display:flex;flex-direction:column;gap:.35rem}.peak-card-header h2{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.peak-subtitle{margin:0;font-size:.85rem;color:var(--text-secondary)}.peak-controls{display:flex;align-items:center;gap:.75rem}.peak-filter-label{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.peak-range-select{background:var(--control-bg);color:var(--text-primary);border:1px solid var(--control-border);border-radius:.75rem;padding:.5rem .75rem;font-size:.85rem;min-width:150px;cursor:pointer;transition:border .2s ease,background .2s ease}.peak-range-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.peak-range-select:hover{background:var(--control-bg-hover)}.peak-grid{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,auto);gap:1.25rem;width:100%;max-width:100%;overflow:visible}.peak-section{background:var(--card-surface);border:var(--glass-border);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%;box-sizing:border-box;overflow:hidden;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.peak-section:not(.peak-section-empty){min-height:200px}.peak-section-empty,.peak-section-collapsed{min-height:auto;padding:.5rem 1.25rem}.peak-section-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.peak-section-header h3{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.peak-badge{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);color:var(--accent-primary);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.peak-subtle{font-size:.8rem;color:var(--text-secondary)}.peak-highlight{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.peak-highlight-value{font-size:1.75rem;font-weight:700;color:var(--accent-warning)}.peak-highlight-label{font-size:.85rem;color:var(--text-secondary)}.peak-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem;color:var(--text-primary);min-width:450px}.peak-table thead th{text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);border-bottom:1px solid var(--border-color);padding:.5rem .25rem;background:var(--table-header-bg)}.peak-table tbody td{padding:.4rem .25rem;border-bottom:1px solid var(--border-color);text-align:left;color:var(--text-primary)}.peak-table tbody tr:last-child td{border-bottom:none}.peak-table--live tbody td:last-child{position:relative}.peak-context-tooltip{display:none;position:absolute;right:100%;bottom:100%;z-index:10;background:var(--card-surface-strong);border:var(--glass-border);border-radius:.5rem;padding:.5rem .75rem;box-shadow:var(--card-shadow-soft);min-width:160px;margin-right:.5rem;margin-bottom:.25rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.peak-live-row:hover .peak-context-tooltip{display:block}.peak-context{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--text-secondary)}.peak-history-toggle-container{display:flex;justify-content:flex-end;align-items:center;padding:.25rem 0}.peak-history-toggle-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--control-bg);color:var(--text-primary);border:1px solid var(--control-border);border-radius:.75rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:auto;margin:0}.peak-history-toggle-btn:hover{background:var(--control-bg-hover);border-color:var(--accent-primary)}.peak-history-toggle-btn .toggle-icon{font-size:.75rem;transition:transform .2s ease}.peak-history-toggle-btn:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}.peak-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.25rem;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--bg-tertiary);overscroll-behavior-x:contain;width:100%;max-width:100%}.peak-table-scroll::-webkit-scrollbar{height:8px}.peak-table-scroll::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:4px}.peak-table-scroll::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px;border:1px solid var(--border-color)}.peak-table-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.peak-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.peak-metric-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.peak-metric-value{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.peak-metric-sub{font-size:.75rem;color:var(--text-secondary)}.peak-distribution{display:flex;flex-direction:column;gap:.15rem;font-size:.75rem;color:var(--text-secondary)}.peak-loading{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:1.5rem 0}.peak-empty{text-align:center;color:var(--text-secondary);font-size:.9rem;padding:.25rem 0;min-height:auto}.peak-error{text-align:center;color:var(--accent-danger);font-size:.9rem;padding:1.5rem 0}@media (max-width: 768px){.peak-card{gap:1rem}.peak-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,auto)}.peak-table{font-size:.8rem;min-width:550px}.peak-controls{width:100%;justify-content:space-between}.peak-section{padding:1rem;overflow-x:visible}.peak-card,.peak-grid{overflow-x:visible}.peak-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;width:calc(100% + 2rem);max-width:calc(100vw - 3rem);margin-left:-1rem;margin-right:-1rem;padding-left:1rem;padding-right:1rem}#peak-consumption-container .collapsible-card .card-frame,#peak-consumption-container .collapsible-card .card-body{overflow-x:visible}}.solar-forecast-card{padding:0 .5rem}.forecast-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.forecast-summary{flex:1;min-width:200px}.forecast-loading{color:var(--text-secondary);font-style:italic;padding:1rem 0}.forecast-controls{display:flex;align-items:center}.view-toggle{display:flex;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem}[data-theme=light] .view-toggle,:root .view-toggle{background:#dbeafe66;border-color:#3b82f640}.view-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s ease}[data-theme=light] .view-btn,:root .view-btn{color:#1e3a8a}.view-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}[data-theme=light] .view-btn:hover,:root .view-btn:hover{background:#dbeafe99;color:#1e40af}.view-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 3px #00000026}.forecast-chart-container{position:relative;height:320px;margin-bottom:var(--space-20, 1.25rem);background:transparent;border-radius:var(--radius-base, .75rem);padding:var(--space-12, .75rem)}.forecast-message{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--card-surface-strong);border-radius:1rem;z-index:10;border:1px solid var(--border-color);color:var(--text-primary)}.forecast-message[hidden]{display:none!important}.error-message{color:var(--accent-danger);text-align:center;padding:2rem}#solar-forecast-chart{width:100%;height:100%}.forecast-legend{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-bottom:1rem;padding:.75rem;flex-wrap:wrap;background:var(--bg-tertiary);border-radius:.75rem;border:1px solid var(--border-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.forecast-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);white-space:nowrap}.forecast-legend .legend-icon{width:12px;height:12px;border-radius:50%;flex-shrink:0}.forecast-legend .legend-icon.dashed{background:transparent;border:2px dashed;border-radius:2px;height:0;width:16px}.forecast-legend .legend-text{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.forecast-model-info{padding-top:.75rem;border-top:1px solid var(--border-color)}.model-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border:1px solid rgba(245,158,11,.3);border-radius:2rem;font-size:.8rem;color:#b45309}[data-theme=dark] .model-badge{color:#f59e0b}.model-badge.default{background:linear-gradient(135deg,#9ca3af26,#9ca3af0d);border-color:#9ca3af4d;color:var(--text-secondary)}.badge-icon{font-size:.875rem}.badge-text{font-weight:500}.model-details{margin-top:.75rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}[data-theme=light] .hero-card:not(.hero-card--primary):not(.hero-card--success):not(.hero-card--info):not(.hero-card--warning):not(.hero-card--danger),:root .hero-card:not(.hero-card--primary):not(.hero-card--success):not(.hero-card--info):not(.hero-card--warning):not(.hero-card--danger){border-color:#1e3a5f33}.model-details p{margin:0}.model-stats{display:flex;flex-wrap:wrap;gap:.5rem 1rem}.model-stats .stat{color:var(--text-secondary);font-size:.8rem}.model-stats .stat strong{color:var(--text-primary);font-weight:500}@media (max-width: 768px){.forecast-chart-container{height:240px;padding:12px}}@media (max-width: 480px){.forecast-header{flex-direction:column}.forecast-chart-container{height:200px;padding:10px}.forecast-legend{gap:1rem;padding:.5rem}.forecast-legend .legend-item{font-size:.8rem}.model-stats{flex-direction:column;gap:.25rem}}.ai-insights-card{display:flex;flex-direction:column;gap:1rem}.ai-tabs{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--bg-tertiary);padding:.4rem;border-radius:1rem}.ai-tab{display:flex;align-items:center;gap:.4rem;background:transparent;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:600;padding:.5rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.ai-tab:hover{color:var(--text-primary);background:#3b82f626}.ai-tab--active{background:var(--accent-primary);color:#fff}@media (max-width: 640px){.ai-tab{padding:.5rem .75rem;font-size:.75rem}.ai-sun-hours__stats{grid-template-columns:repeat(2,1fr)}}.ai-panels{position:relative}.ai-panel{display:none;background:var(--bg-card);border:var(--glass-border);border-radius:1rem;padding:1.25rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.ai-panel--active{display:block}.ai-panel__body{display:flex;flex-direction:column;gap:1.5rem}.ai-loading,.ai-error{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 0;color:var(--text-secondary);text-align:center}.ai-loading__spinner{width:40px;height:40px;border:3px solid rgba(148,163,184,.2);border-top-color:#3b82f6;border-radius:50%;animation:ai-spin 1s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-error__icon{font-size:2rem;font-weight:700;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ef444433;border:2px solid rgba(239,68,68,.5);border-radius:50%;color:#f87171}.ai-section{display:flex;flex-direction:column;gap:1rem}.ai-section__title{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.ai-section__subtitle{margin:-.5rem 0 0;font-size:.8rem;color:var(--text-secondary)}.ai-overview{display:flex;flex-direction:column;gap:1.5rem}.ai-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.ai-hero-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;border-radius:1rem;background:var(--bg-card);border:var(--glass-border)}.ai-hero-card--primary{background:linear-gradient(135deg,#3b82f633,#3b82f60d);border-color:#3b82f64d}.ai-hero-card--success{background:linear-gradient(135deg,#10b98133,#10b9810d);border-color:#10b9814d}.ai-hero-card--info{background:linear-gradient(135deg,#8b5cf633,#8b5cf60d);border-color:#8b5cf64d}.ai-hero-card--warning{background:linear-gradient(135deg,#f59e0b33,#f59e0b0d);border-color:#f59e0b4d}.ai-hero-card__icon{font-size:2rem}.ai-hero-card__content{display:flex;flex-direction:column}.ai-hero-card__value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1}.ai-hero-card__label{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.ai-quick-stats{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;background:var(--bg-tertiary);border-radius:.75rem}.ai-stat{display:flex;flex-direction:column;flex:1;min-width:100px}.ai-stat__label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ai-stat__value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.ai-narrative{background:linear-gradient(135deg,#3b82f61a,#8b5cf61a);border:1px solid rgba(59,130,246,.2);border-radius:1rem;padding:1.25rem}.ai-narrative__title{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#60a5fa}.ai-narrative__headline{font-size:1.1rem;font-weight:500;color:var(--text-primary);margin:0 0 1rem;line-height:1.5}.ai-narrative__trend{margin:1rem 0 0;font-size:.9rem;color:var(--text-secondary);font-style:italic}.ai-recommendations{margin-top:1rem}.ai-recommendations h4{margin:0 0 .75rem;font-size:.85rem;font-weight:600;color:var(--text-primary)}.ai-recommendations__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.ai-recommendation{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--bg-card);border-radius:.5rem;border-left:3px solid}.ai-recommendation.priority-high{border-color:var(--accent-danger)}.ai-recommendation.priority-medium{border-color:var(--accent-warning)}.ai-recommendation.priority-low{border-color:var(--accent-success)}.ai-recommendation__action{font-size:.9rem;color:var(--text-primary)}.ai-recommendation__savings{font-size:.85rem;font-weight:600;color:var(--accent-success)}.ai-consumption{display:flex;flex-direction:column;gap:1.5rem}.ai-time-slots{display:flex;flex-direction:column;gap:1rem}.ai-time-slot{background:var(--bg-card);border-radius:.75rem;padding:1rem}.ai-time-slot__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ai-time-slot__label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-time-slot__pct{font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.ai-time-slot__bar{height:8px;background:var(--bg-tertiary);border-radius:4px;overflow:hidden;margin-bottom:.5rem}.ai-time-slot__fill{height:100%;background:linear-gradient(90deg,var(--accent-primary) 0%,#60a5fa 100%);border-radius:4px;transition:width .5s ease}.ai-time-slot__details{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.ai-price-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.ai-price-period{background:var(--card-surface);border-radius:.75rem;padding:1rem;border-left:4px solid}.ai-price-period--cheap{border-color:#10b981}.ai-price-period--mid{border-color:#f59e0b}.ai-price-period--expensive{border-color:#ef4444}.ai-price-period__header{margin-bottom:.75rem}.ai-price-period__label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-price-period__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:.75rem}.ai-price-period__stat{text-align:center}.ai-price-period__stat-value{display:block;font-size:1rem;font-weight:600;color:var(--text-primary)}.ai-price-period__stat-label{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.ai-price-period__hours{font-size:.75rem;color:var(--text-tertiary)}.ai-sun-hours{background:linear-gradient(135deg,#fbbf2426,#f59e0b1a);border:1px solid rgba(251,191,36,.3);border-radius:.75rem;padding:1.25rem}.ai-sun-hours__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.ai-sun-hours__label{font-size:1rem;font-weight:600;color:#fbbf24}.ai-sun-hours__daylight{font-size:.85rem;color:#fbbf24cc;background:#fbbf2426;padding:.25rem .5rem;border-radius:.25rem}.ai-sun-hours__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.ai-sun-hours__stat{text-align:center}.ai-sun-hours__value{display:block;font-size:1.1rem;font-weight:700;color:var(--text-primary)}.ai-sun-hours__sublabel{font-size:.7rem;color:var(--text-secondary);text-transform:uppercase}.ai-tariff-periods{display:flex;flex-direction:column;gap:1rem}.ai-tariff-period{background:var(--card-surface);border-radius:.75rem;padding:1rem;border-left:4px solid}.ai-tariff-period--ponta{border-color:#ef4444;background:#ef444414}.ai-tariff-period--cheias{border-color:#f59e0b;background:#f59e0b14}.ai-tariff-period--vazio{border-color:#10b981;background:#10b98114}.ai-tariff-period__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.ai-tariff-period__label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-tariff-period__pct{font-size:1.1rem;font-weight:700;color:var(--accent-primary)}.ai-tariff-period__bar{height:8px;background:#33415599;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.ai-tariff-period--ponta .ai-tariff-period__bar{background:#ef444433}.ai-tariff-period--cheias .ai-tariff-period__bar{background:#f59e0b33}.ai-tariff-period--vazio .ai-tariff-period__bar{background:#10b98133}.ai-tariff-period__fill{height:100%;border-radius:4px;transition:width .5s ease}.ai-tariff-period--ponta .ai-tariff-period__fill{background:linear-gradient(90deg,#dc2626,#ef4444)}.ai-tariff-period--cheias .ai-tariff-period__fill{background:linear-gradient(90deg,#d97706,#f59e0b)}.ai-tariff-period--vazio .ai-tariff-period__fill{background:linear-gradient(90deg,#059669,#10b981)}.ai-tariff-period__stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary)}.ai-high-consumption{display:flex;flex-direction:column;gap:.5rem}.ai-high-period{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem}.ai-high-period__hour{font-weight:600;color:var(--text-primary);min-width:50px}.ai-high-period__value{font-weight:600;color:#f87171}.ai-high-period__ratio{font-size:.85rem;color:#f87171e6}.ai-high-period__cost{margin-left:auto;font-weight:600;color:#fbbf24}.ai-behavioral-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.ai-behavioral-card{display:flex;gap:1rem;padding:1rem;border-radius:.75rem;background:var(--card-surface)}.ai-behavioral-card--warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.ai-behavioral-card--success{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.ai-behavioral-card__icon{font-size:1.5rem}.ai-behavioral-card__status{width:12px;height:12px;border-radius:50%;flex-shrink:0}.ai-behavioral-card__status.ok{background:#10b981;box-shadow:0 0 8px #10b98166}.ai-behavioral-card__status.has-issue{background:#f59e0b;box-shadow:0 0 8px #f59e0b66}.ai-behavioral-card__content{flex:1}.ai-behavioral-card__title{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.ai-behavioral-card__value{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.ai-behavioral-card__desc{font-size:.8rem;color:var(--text-secondary);margin-top:.25rem}.ai-battery{display:flex;flex-direction:column;gap:1.5rem}.ai-storage-rec{display:flex;flex-direction:column;gap:1.25rem}.ai-storage-gauge{width:100%}.ai-storage-gauge__track{height:24px;background:#1e293bcc;border-radius:12px;overflow:hidden;position:relative}.ai-storage-gauge__fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399,#fbbf24);border-radius:12px;transition:width .5s ease}.ai-storage-gauge__labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary);margin-top:.25rem}.ai-storage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.ai-storage-stat{display:flex;flex-direction:column;padding:.75rem;background:var(--card-surface);border-radius:.5rem}.ai-storage-stat--highlight{background:#10b98126;border:1px solid rgba(16,185,129,.3)}.ai-storage-stat__label{font-size:.75rem;color:var(--text-secondary)}.ai-storage-stat__value{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.ai-storage-stat--highlight .ai-storage-stat__value{color:#34d399}.ai-storage-timing{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.ai-storage-timing__item{padding:.75rem 1rem;background:#0f172a80;border-radius:.5rem}.ai-storage-timing__label{display:block;font-size:.75rem;color:var(--text-secondary);margin-bottom:.25rem}.ai-storage-timing__value{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-storage-timing__price{font-size:.8rem;color:#60a5fa}.ai-efficiency{display:grid;grid-template-columns:auto 1fr;gap:2rem;align-items:center}.ai-efficiency-score{display:flex;flex-direction:column;align-items:center}.ai-efficiency-score__circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(#3b82f6 0deg calc(var(--score, 0) * 3.6deg),#33415599 calc(var(--score, 0) * 3.6deg));display:flex;align-items:center;justify-content:center;position:relative}.ai-efficiency-score__circle:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:var(--card-surface)}.ai-efficiency-score__value{position:relative;z-index:1;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.ai-efficiency-score__label{font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.ai-efficiency-breakdown{display:flex;flex-direction:column;gap:.75rem}.ai-efficiency-item{display:grid;grid-template-columns:150px 1fr 50px;gap:.75rem;align-items:center}.ai-efficiency-item__label{font-size:.85rem;color:var(--text-secondary)}.ai-efficiency-item__bar{height:8px;background:#33415599;border-radius:4px;overflow:hidden}.ai-efficiency-item__fill{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:4px}.ai-efficiency-item__value{font-size:.9rem;font-weight:600;color:var(--text-primary);text-align:right}.ai-perf-trends{overflow-x:auto}.ai-perf-table{width:100%;border-collapse:collapse;font-size:.85rem}.ai-perf-table th,.ai-perf-table td{padding:.75rem;text-align:left;border-bottom:1px solid rgba(51,65,85,.5)}.ai-perf-table th{color:var(--text-secondary);font-weight:600;font-size:.75rem;text-transform:uppercase}.ai-perf-table td{color:var(--text-primary)}.ai-perf-table .text-warning{color:#fbbf24}@media (max-width: 640px){.ai-efficiency{grid-template-columns:1fr}.ai-efficiency-score{margin-bottom:1rem}.ai-efficiency-item{grid-template-columns:1fr auto}.ai-efficiency-item__bar{display:none}}.ai-trends{display:flex;flex-direction:column;gap:1.5rem}.ai-comparisons{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.ai-comparison-card{background:var(--card-surface);border-radius:.75rem;overflow:hidden}.ai-comparison-card__header{padding:.75rem 1rem;background:#3b82f626;font-size:.85rem;font-weight:600;color:#60a5fa}.ai-comparison-card__body{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ai-comparison-item{display:flex;align-items:center;gap:.75rem}.ai-comparison-item__label{font-size:.85rem;color:var(--text-secondary);min-width:100px}.ai-comparison-item__value{font-size:1rem;font-weight:600;color:var(--text-primary)}.ai-comparison-item__delta{font-size:.8rem;color:var(--text-tertiary);margin-left:auto}.ai-comparison-item__badge{padding:.25rem .5rem;border-radius:.25rem;font-size:.7rem;font-weight:600}.ai-comparison-item__badge--up{background:#ef444433;color:#f87171}.ai-comparison-item__badge--down{background:#10b98133;color:#34d399}.ai-comparison-item__badge--stable{background:#3b82f633;color:#60a5fa}.trend-positive{color:#34d399!important}.trend-negative{color:#f87171!important}.trend-neutral{color:#60a5fa!important}.ai-anomalies{display:flex;flex-direction:column;gap:.75rem}.ai-anomaly{background:var(--card-surface);border-radius:.75rem;border-left:4px solid;overflow:hidden}.ai-anomaly.severity-high{border-color:#ef4444}.ai-anomaly.severity-medium{border-color:#f59e0b}.ai-anomaly.severity-low{border-color:#60a5fa}.ai-anomaly__header{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#0f172a80}.ai-anomaly__type{font-size:.9rem;font-weight:600;color:var(--text-primary)}.ai-anomaly__severity{font-size:.7rem;font-weight:600;padding:.2rem .5rem;border-radius:.25rem;background:var(--bg-tertiary);color:var(--text-secondary)}.ai-anomaly__time{margin-left:auto;font-size:.85rem;color:var(--text-tertiary)}.ai-anomaly__body{padding:.75rem 1rem}.ai-anomaly__desc{margin:0;font-size:.9rem;color:var(--text-primary)}.ai-anomaly__values{display:flex;gap:1rem;margin-top:.5rem;font-size:.8rem;color:var(--text-secondary)}.ai-anomaly__rec{margin:.75rem 0 0;padding:.5rem .75rem;background:#10b9811a;border-radius:.5rem;font-size:.85rem;color:#34d399}.ai-no-anomalies{display:flex;flex-direction:column;align-items:center;padding:2rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:.75rem;text-align:center}.ai-no-anomalies__icon{width:32px;height:32px;margin-bottom:.5rem;border-radius:50%}.ai-no-anomalies__icon--ok{background:#10b981;box-shadow:0 0 12px #10b98166}.ai-no-anomalies__icon--ok:after{content:"";display:block;width:8px;height:14px;border:solid white;border-width:0 3px 3px 0;transform:rotate(45deg);margin:6px auto 0}.ai-no-anomalies p{margin:0;color:var(--text-primary)}.ai-health{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;align-items:center}.ai-health-score{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--card-surface);border-radius:.75rem}.ai-health-score__value{font-size:2rem;font-weight:700}.ai-health--good{color:#34d399}.ai-health--warning{color:#fbbf24}.ai-health--bad{color:#f87171}.ai-health-score__label{font-size:.85rem;color:var(--text-secondary);margin-top:.25rem}.ai-health-score__detail{font-size:.75rem;color:var(--text-tertiary)}.ai-health-apis{display:flex;flex-direction:column;gap:.5rem}.ai-health-api{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;background:var(--card-surface);border-radius:.5rem}.ai-health-api__label{font-size:.85rem;color:var(--text-primary)}.ai-health-api__status{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:.25rem;text-transform:uppercase}.ai-health-api--healthy{background:#10b98133;color:#34d399}.ai-health-api--degraded{background:#f59e0b33;color:#fbbf24}.ai-health-api--down{background:#ef444433;color:#f87171}@media (max-width: 640px){.ai-health{grid-template-columns:1fr}}.ai-forecast{display:flex;flex-direction:column;gap:1.5rem}.ai-model-status{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:center}.ai-model-badge{padding:.4rem .8rem;border-radius:1rem;font-size:.8rem;font-weight:600}.ai-model-badge.trained{background:#10b98133;color:#34d399}.ai-model-badge.untrained{background:#f59e0b33;color:#fbbf24}.ai-model-accuracy{font-size:.75rem;color:var(--text-secondary)}.ai-daily-forecast{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.ai-daily-card{background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;padding:1rem;text-align:center}.ai-daily-label{font-size:.85rem;color:var(--text-primary);margin-bottom:.5rem}.ai-daily-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.ai-hourly-forecast{display:flex;gap:2px;height:120px;align-items:flex-end;background:var(--bg-tertiary);border-radius:.5rem;padding:.5rem}.ai-hourly-bar{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:0}.ai-hourly-fill{width:100%;min-height:4px;border-radius:2px 2px 0 0;transition:height .3s ease}.ai-hourly-bar.high .ai-hourly-fill{background:linear-gradient(to top,#059669,#10b981)}.ai-hourly-bar.medium .ai-hourly-fill{background:linear-gradient(to top,#d97706,#f59e0b)}.ai-hourly-bar.low .ai-hourly-fill{background:linear-gradient(to top,#9333ea,#a855f7)}.ai-hourly-label{font-size:.6rem;color:var(--text-secondary);margin-top:.25rem}.ai-forecast-legend{display:flex;justify-content:center;gap:1.5rem;font-size:.75rem;color:var(--text-secondary);margin-top:.5rem}.ai-forecast-legend span{display:flex;align-items:center;gap:.4rem}.legend-dot{width:10px;height:10px;border-radius:50%}.legend-dot.high{background:#10b981}.legend-dot.medium{background:#f59e0b}.legend-dot.low{background:#a855f7}.ai-peak-hours{display:flex;flex-wrap:wrap;gap:.75rem}.ai-peak-hour{display:flex;align-items:center;gap:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;padding:.5rem .75rem}.ai-peak-time{font-size:.85rem;font-weight:600;color:#f87171}.ai-peak-value{font-size:.85rem;color:#fca5a5}@media (max-width: 640px){.ai-daily-forecast{grid-template-columns:1fr}.ai-hourly-forecast{height:80px}.ai-hourly-label{display:none}.ai-hourly-bar:nth-child(2n) .ai-hourly-label{display:block}}.date-nav.date-nav--mobile-only{display:none!important}@media (max-width: 640px){.date-nav.date-nav--mobile-only{display:flex!important;margin-bottom:1rem}}.carbon-footprint-card{display:flex;flex-direction:column;gap:1.5rem;padding:.5rem 0}.carbon-stats-hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1.5rem}.carbon-stat-hero-card{background:var(--bg-card);border:2px solid var(--border-color);border-radius:1rem;padding:1.75rem;text-align:center;transition:transform .2s,box-shadow .2s;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.carbon-stat-hero-card:hover{transform:translateY(-4px);box-shadow:var(--glass-shadow)}.carbon-stat-hero-card--avoided{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e66}.carbon-stat-hero-label{font-size:.9rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}.carbon-stat-hero-card--avoided .carbon-stat-hero-label{color:var(--accent-success)}.carbon-stat-hero-value{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1.1;margin-bottom:.5rem}.carbon-stat-hero-card--avoided .carbon-stat-hero-value{color:var(--accent-success)}.carbon-stat-hero-unit{font-size:1.25rem;font-weight:500;color:var(--text-secondary);margin-left:.5rem}.carbon-stat-hero-card--avoided .carbon-stat-hero-unit{color:var(--accent-success)}.carbon-stat-hero-note{margin:1rem 0 0;font-size:.8rem;color:var(--accent-success);font-style:italic}.carbon-comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:1rem}.carbon-comparison-card{background:var(--bg-card);border:var(--glass-border);border-radius:.75rem;padding:1.5rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.carbon-comparison-label{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.carbon-comparison-bars{display:flex;flex-direction:column;gap:1rem}.carbon-comparison-bar-group{display:flex;flex-direction:column;gap:.5rem}.carbon-comparison-bar-label{font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.carbon-comparison-bar-wrapper{background:var(--bg-tertiary);border-radius:.5rem;height:2.5rem;overflow:hidden;position:relative;border:var(--glass-border)}.carbon-comparison-bar{height:100%;border-radius:.5rem;display:flex;align-items:center;justify-content:flex-end;padding:0 .75rem;transition:width .5s ease;min-width:60px}.carbon-comparison-bar--home{background:linear-gradient(90deg,var(--accent-primary) 0%,#2563eb 100%)}.carbon-comparison-bar--grid{background:linear-gradient(90deg,var(--accent-danger) 0%,#dc2626 100%)}.carbon-comparison-bar-value{font-size:.875rem;font-weight:600;color:#fff;white-space:nowrap}.carbon-comparison-bar-unit{font-size:.875rem;font-weight:600;color:#fff}.carbon-comparison-value-large{font-size:2rem;font-weight:700;color:var(--text-primary);text-align:center;margin:.5rem 0}.carbon-comparison-note{font-size:.8rem;color:var(--text-secondary);text-align:center;margin-top:.5rem;font-style:italic}.carbon-section-header{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:1.5rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.carbon-charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:1rem}.carbon-chart-container{background:var(--bg-card);border:var(--glass-border);border-radius:.75rem;padding:1.25rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.carbon-chart-title{font-size:1rem;font-weight:600;color:var(--text-secondary);text-align:center;margin:0 0 1rem}.carbon-chart-wrapper{position:relative;height:250px;width:100%;margin-bottom:1rem}.carbon-renewable-stat{text-align:center;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem}.carbon-renewable-label{font-size:.875rem;font-weight:600;color:var(--accent-success)}.carbon-renewable-value{font-size:1.125rem;font-weight:700;color:var(--accent-success);margin-left:.5rem}.carbon-table-wrapper{overflow-x:auto;background:var(--bg-card);border:var(--glass-border);border-radius:.75rem;padding:.5rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.carbon-table{width:100%;border-collapse:collapse}.carbon-table thead{background:var(--table-header-bg, var(--bg-tertiary))}.carbon-table th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.carbon-table th:nth-child(2),.carbon-table th:nth-child(3){text-align:right}.carbon-table tbody tr{border-top:1px solid var(--border-color)}.carbon-table tbody tr:hover{background:var(--table-row-hover, var(--bg-tertiary))}.carbon-table td{padding:1rem 1.5rem}.carbon-table-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.carbon-table-value{font-size:.875rem;color:var(--text-secondary);font-weight:600;text-align:right}.carbon-table-value--home{color:var(--text-primary);font-weight:700}.carbon-table-value span{font-size:1rem}.carbon-data-source{font-size:.75rem;color:var(--text-tertiary);text-align:center;margin:1rem 0 0;font-style:italic}@media (max-width: 768px){.carbon-stats-hero,.carbon-charts-grid,.carbon-comparison-grid{grid-template-columns:1fr}.carbon-stat-hero-value{font-size:2.25rem}.carbon-stat-hero-unit{font-size:1rem}.carbon-chart-wrapper{height:200px}.carbon-comparison-value-large{font-size:1.5rem}}.battery-control-card{background:var(--card-surface);border-radius:16px;padding:24px;border:1px solid var(--border-color);color:var(--text-primary);position:relative;box-shadow:var(--card-shadow-soft)}.battery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.battery-header-info{display:flex;flex-direction:column;gap:.35rem}.battery-header-subtitle{margin:0;font-size:.9rem;color:var(--text-secondary)}.status-indicator{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-success);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.phase-status-section{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.phase-status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.phase-status-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.toggle-details-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:6px;padding:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s}.toggle-details-btn:hover{background:var(--control-bg-hover);color:var(--text-primary)}.toggle-details-btn.active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);border-color:var(--accent-primary);color:var(--accent-primary)}.phase-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.phase-card{background:var(--card-surface-muted);border:1px solid var(--border-color);border-radius:10px;padding:12px;text-align:center;transition:all .2s}[data-theme=light] .phase-card,:root .phase-card{background:#ede9fe80;border-color:#8b5cf640}.phase-card.override-active{border-color:var(--accent-warning);background:color-mix(in srgb,var(--accent-warning) 18%,transparent)}.phase-card.idle{border-color:var(--accent-success);background:color-mix(in srgb,var(--accent-success) 18%,transparent)}.phase-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phase-name{font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.phase-soc{font-size:18px;font-weight:700;color:var(--text-primary)}.phase-mode-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;margin-bottom:6px}.phase-status-tag{display:inline-block;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:500;background:#10b98133;color:#10b981;margin-left:4px}.phase-status-tag.override{background:#fbbf2433;color:#fbbf24}.phase-details-section{margin-top:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;border:1px solid var(--border-color)}.phase-details-section h5{margin:0 0 10px;font-size:12px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.phase-details-grid{display:flex;flex-direction:column;gap:8px}.phase-detail-row{display:flex;gap:12px;align-items:center;padding:6px 8px;background:var(--bg-tertiary);border-radius:4px;font-size:12px}.detail-label{font-weight:600;color:var(--text-primary);min-width:24px}.detail-value{color:var(--text-secondary)}.legend-help{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;background:var(--bg-tertiary);color:var(--text-secondary);font-size:10px;font-weight:600;cursor:help;margin-left:4px}.legend-item[title]:hover .legend-help{background:color-mix(in srgb,var(--accent-primary) 25%,transparent);color:var(--accent-primary)}.override-alert{background:color-mix(in srgb,var(--accent-warning) 20%,transparent);border:1px solid var(--accent-warning);border-radius:12px;padding:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.alert-content{display:flex;align-items:center;gap:12px}.alert-icon-text{font-size:14px;color:var(--accent-warning);font-weight:600}.resume-schedule-btn{background:var(--accent-warning);color:var(--text-strong);border:none;border-radius:8px;padding:8px 16px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s}.resume-schedule-btn:hover{background:color-mix(in srgb,var(--accent-warning) 85%,#000)}.schedule-section{margin-bottom:24px}.schedule-section-header{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 16px}.schedule-section-header h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.schedule-lead{font-size:.8rem;color:var(--text-secondary);margin:0}.schedule-day{margin-bottom:16px}.schedule-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.schedule-label>span:first-child{font-size:14px;font-weight:500;color:var(--text-secondary)}.price-indicator{display:flex;align-items:center;gap:4px;font-size:12px;color:#fbbf24}.schedule-bar-btn{width:100%;height:32px;background:var(--bg-tertiary);border:none;border-radius:8px;overflow:hidden;position:relative;cursor:pointer;padding:0;transition:transform .2s}.schedule-bar-btn:hover{transform:scale(1.02)}.schedule-bar{display:flex;height:100%;position:relative;z-index:1}.schedule-block{height:100%;transition:opacity .2s}.schedule-block.price-driven{border:2px solid #fbbf24;box-shadow:0 0 8px #fbbf2466}.lapsed-overlay{position:absolute;top:0;left:0;height:100%;background:#11182799;backdrop-filter:blur(1px);pointer-events:none;z-index:2;border-radius:8px 0 0 8px}.schedule-hover-hint{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;color:#f9fafb;font-size:14px;font-weight:500;opacity:0;transition:opacity .2s;z-index:3}.schedule-bar-btn:hover .schedule-hover-hint{opacity:1}.schedule-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--text-tertiary);margin-top:8px;padding:0;position:relative}.schedule-axis span:first-child{text-align:left}.schedule-axis span:last-child{text-align:right}.schedule-axis span:not(:first-child):not(:last-child){flex:1;text-align:center}.schedule-legend{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px;justify-content:center}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.legend-color{width:12px;height:12px;border-radius:50%}.schedule-hint{text-align:center;font-size:12px;color:var(--text-tertiary);margin:8px 0 24px}.charge-limits{border-top:1px solid var(--border-color);padding-top:24px;margin-bottom:24px}.slider-group{margin-bottom:24px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slider-header label{font-size:14px;font-weight:500;color:var(--text-secondary)}.slider-value{font-size:18px;font-weight:700;color:var(--text-primary)}.slider-description{font-size:13px;color:var(--text-secondary);margin:0 0 12px;line-height:1.5}input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-tertiary);border-radius:4px;outline:none;transition:background .2s}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:#3b82f6;border-radius:50%;cursor:pointer;transition:background .2s,transform .2s}input[type=range]::-webkit-slider-thumb:hover{background:#2563eb;transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#3b82f6;border-radius:50%;cursor:pointer;border:none;transition:background .2s,transform .2s}input[type=range]::-moz-range-thumb:hover{background:#2563eb;transform:scale(1.1)}.action-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;border-top:1px solid var(--border-color);padding-top:24px}.action-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-icon{width:20px;height:20px}.charge-btn{background:#3b82f6;color:#fff}.charge-btn:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.sell-btn{background:#eab308;color:#111827}.sell-btn:hover{background:#ca8a04;transform:translateY(-2px);box-shadow:0 4px 12px #eab30866}.action-btn:active{transform:translateY(0)}.notification-toast{position:fixed;top:24px;right:24px;background:#1f2937;color:#f9fafb;padding:16px 24px;border-radius:12px;box-shadow:0 10px 25px #0000004d;font-size:14px;font-weight:500;opacity:0;transform:translateY(-20px);transition:opacity .3s,transform .3s;z-index:1000;pointer-events:none}.notification-toast.active{opacity:1;transform:translateY(0);pointer-events:auto}.notification-toast.success{background:#10b981;color:#fff}.notification-toast.error{background:#ef4444;color:#fff}.schedule-modal{position:fixed;inset:0;background:var(--modal-overlay-bg, rgba(0, 0, 0, .8));backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:999;opacity:0;pointer-events:none;transition:opacity .3s}.schedule-modal.active{opacity:1;pointer-events:auto}.modal-content{background:var(--card-surface-strong);border-radius:16px;padding:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;box-shadow:var(--card-shadow-strong);border:var(--glass-border);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.modal-header h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.modal-close-btn{background:none;border:none;color:var(--text-secondary);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.modal-close-btn:hover{color:var(--text-primary)}.day-tabs{display:flex;border-bottom:2px solid var(--border-color);margin-bottom:24px}.day-tab{flex:1;background:none;border:none;border-bottom:2px solid transparent;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;margin-bottom:-2px}.day-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary)}.day-tab:hover:not(.active){color:var(--text-primary)}.mode-palette-section{margin-bottom:24px}.mode-palette-section label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.mode-palette{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.mode-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.mode-color{width:12px;height:12px;border-radius:50%}.mode-btn.active{background:color-mix(in srgb,var(--accent-primary) 20%,transparent);border-color:var(--accent-primary);color:var(--text-primary)}.mode-btn:hover:not(.active){background:var(--bg-card-hover);border-color:var(--accent-primary)}.timeline-section{margin-bottom:24px}.timeline-section label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:12px}.timeline-grid-wrapper{display:flex;gap:.5rem;align-items:start}.timeline-period-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);writing-mode:vertical-rl;text-orientation:mixed;padding-top:.5rem;min-width:1.5rem;text-align:center}.timeline-grid{display:grid;grid-template-columns:repeat(48,1fr);gap:1px;margin-bottom:8px;flex:1}.timeline-slot{height:40px;border-radius:2px;cursor:pointer;transition:opacity .1s,transform .1s;position:relative}.timeline-slot.timeline-slot-15min{height:36px;border-radius:2px}.timeline-slot-15min[data-minute="0"]{border-left:1px solid rgba(255,255,255,.3)}.timeline-slot:hover:not(.lapsed-slot){opacity:.8;transform:scale(1.05)}.timeline-slot.lapsed-slot{position:relative;overflow:hidden;cursor:not-allowed;opacity:.5}.timeline-slot.lapsed-slot:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,rgba(0,0,0,.3),rgba(0,0,0,.3) 4px,transparent 4px,transparent 8px);pointer-events:none}.timeline-slot.price-driven{border:2px solid #fbbf24;box-shadow:0 0 8px #fbbf2466}.timeline-labels-wrapper{display:flex;gap:.5rem;align-items:start}.timeline-labels{display:grid;grid-template-columns:repeat(12,4fr);font-size:11px;color:var(--text-tertiary);text-align:center;margin-bottom:4px;flex:1}.timeline-footnote{text-align:center;margin-top:8px}.timeline-footnote small{font-size:10px;color:var(--text-tertiary);opacity:.8}.save-schedule-btn{width:100%;background:var(--accent-primary);color:#fff;border:none;border-radius:12px;padding:14px 20px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.save-schedule-btn:hover{background:color-mix(in srgb,var(--accent-primary) 90%,black);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.save-schedule-btn:active{transform:translateY(0)}@media (max-width: 768px){.battery-control-card{padding:16px}.phase-status-grid,.action-buttons{grid-template-columns:1fr}.modal-content{padding:16px}.timeline-grid{gap:2px}.timeline-slot{height:32px}}.battery-analytics-card{padding:1rem}.analytics-controls{display:flex;gap:1.5rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color);flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:.5rem}.control-group label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.phase-selector,.period-selector{display:flex;gap:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem}[data-theme=light] .phase-selector,[data-theme=light] .period-selector,:root .phase-selector,:root .period-selector{background:#dbeafe66;border-color:#3b82f640}.phase-btn,.period-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}[data-theme=light] .phase-btn,[data-theme=light] .period-btn,:root .phase-btn,:root .period-btn{color:#1e3a8a}.phase-btn:hover,.period-btn:hover{color:var(--text-primary);background:var(--bg-card-hover)}[data-theme=light] .phase-btn:hover,[data-theme=light] .period-btn:hover,:root .phase-btn:hover,:root .period-btn:hover{background:#dbeafe99;color:#1e40af}.phase-btn.active,.period-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 3px #00000026}.export-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.export-btn--icon{width:36px;height:36px;padding:0;font-size:1rem}.export-btn:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}[data-theme=light] .export-btn,:root .export-btn{background:#dbeafe66;border-color:#3b82f640;color:#1e3a8a}[data-theme=light] .export-btn:hover,:root .export-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.analytics-loading{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.analytics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.summary-card{background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;padding:1rem;text-align:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.summary-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.summary-value{font-size:1.875rem;font-weight:700;color:var(--text-primary);margin-bottom:.25rem}.summary-sub{font-size:.75rem;color:var(--text-tertiary)}.analytics-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem}.chart-container{background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;padding:1rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.chart-container h4{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.battery-analytics-card .chart-container canvas{max-height:200px}@media (max-width: 1024px){.analytics-charts{grid-template-columns:1fr}}@media (max-width: 768px){.analytics-controls{flex-direction:column;gap:1rem}.control-group,.phase-selector,.period-selector{width:100%}.phase-btn,.period-btn{flex:1;text-align:center}.analytics-summary{grid-template-columns:repeat(2,1fr)}}.system-notifications-card{background:transparent;border-radius:0;padding:0;color:inherit;display:flex;flex-direction:column;gap:18px;min-height:320px;position:relative}.system-notifications-card.error{align-items:center;justify-content:center;text-align:center;font-size:.95rem;color:var(--text-secondary)}.notifications-header{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.notifications-header h2{font-size:1.15rem;font-weight:600;margin:0}.notifications-subtitle{margin:4px 0 0;font-size:.82rem;color:var(--text-secondary)}.health-indicator{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;font-size:.8rem;background:var(--bg-tertiary);border:1px solid var(--border-color)}[data-theme=light] .health-indicator,:root .health-indicator{background:#dbeafe66;border-color:#3b82f640;color:#1e3a8a}.health-indicator .health-dot{width:10px;height:10px;border-radius:50%;background:var(--text-tertiary)}.health-indicator.online{background:#10b9812e;color:#065f46}[data-theme=dark] .health-indicator.online{color:#bbf7d0}.health-indicator.online .health-dot{background:#22c55e;box-shadow:0 0 0 4px #22c55e33}.health-indicator.warning{background:#eab3082e;color:#92400e}[data-theme=dark] .health-indicator.warning{color:#fde68a}.health-indicator.warning .health-dot{background:#facc15;box-shadow:0 0 0 4px #eab30833}.notifications-body{display:grid;gap:18px}.health-summary{background:var(--card-surface);border:var(--glass-border);border-radius:14px;padding:14px 16px;display:grid;gap:10px;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.summary-row{display:flex;justify-content:space-between;font-size:.82rem;color:var(--text-primary)}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:600;color:var(--text-primary)}.events-list{display:flex;flex-direction:column;gap:12px}.section-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem;font-weight:600;padding-left:.25rem}.event-count-badge{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.7rem;padding:.1rem .4rem;border-radius:999px;font-weight:500}.event-action-btn{display:inline-block;margin-top:.5rem;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);padding:.25rem .75rem;border-radius:.5rem;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s}.event-action-btn:hover{background:#3b82f640;border-color:#3b82f680}.event-row{display:flex;gap:.75rem;padding:.75rem;background:var(--bg-tertiary);border-radius:.5rem;border-left:3px solid transparent;align-items:flex-start}.event-row.skeleton{background:var(--bg-tertiary);border-color:transparent;height:52px;animation:pulse 1.2s infinite ease-in-out}.event-icon{font-size:1.25rem;line-height:1;padding-top:.125rem}.event-content{flex:1;min-width:0}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.event-badge{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.event-time{font-size:.75rem;color:var(--text-tertiary)}.event-message{font-size:.875rem;color:var(--text-primary);line-height:1.4}.event-row.severity-info{border-left-color:#3b82f6;background:#3b82f61a}[data-theme=light] .event-row.severity-info,:root .event-row.severity-info{background:#dbeafe80}.event-row.severity-warning{border-left-color:#f59e0b;background:#f59e0b26}[data-theme=light] .event-row.severity-warning,:root .event-row.severity-warning{background:#fef3c799}.event-row.severity-error{border-left-color:#ef4444;background:#ef444426}[data-theme=light] .event-row.severity-error,:root .event-row.severity-error{background:#fee2e299}.event-row.severity-critical{border-left-color:#dc2626;border-left-width:4px;background:#ef444438}[data-theme=light] .event-row.severity-critical,:root .event-row.severity-critical{background:#fecacabf}.empty-state{text-align:center;padding:24px 12px;color:var(--text-secondary);font-size:.85rem}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){.notifications-header{flex-direction:column;align-items:flex-start}.health-indicator{align-self:flex-start}}.system-monitoring-card{padding:1rem}.monitoring-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.health-indicator{display:flex;align-items:center;gap:.5rem}.health-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.health-status{font-weight:600;font-size:1rem}.last-update{font-size:.875rem;color:var(--text-secondary)}.monitoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin-bottom:1.5rem}.metric-card{background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;padding:1rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.metric-card h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.metric-item{display:flex;flex-direction:column;gap:.25rem}.metric-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.metric-value{font-size:1rem;font-weight:600;color:var(--text-primary)}.trends-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.trends-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.trends-header h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.period-selector{display:flex;gap:.25rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:.5rem;padding:.25rem}[data-theme=light] .period-selector,:root .period-selector{background:#dbeafe66;border-color:#3b82f640}.period-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:.375rem;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}[data-theme=light] .period-btn,:root .period-btn{color:#1e3a8a}.period-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}[data-theme=light] .period-btn:hover,:root .period-btn:hover{background:#dbeafe99;color:#1e40af}.period-btn.active{background:#2563eb;color:#fff;box-shadow:0 1px 3px #00000026}.trends-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.trend-chart-container{background:var(--card-surface);border:var(--glass-border);border-radius:.75rem;padding:1rem;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);position:relative;height:280px;min-height:220px;max-height:350px}.trend-chart-container canvas{max-height:100%;width:100%!important;height:auto!important}.trend-chart-container h4{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem}.trends-loading{text-align:center;padding:2rem;color:var(--text-secondary)}.alerts-list{margin-top:.75rem}.alert-item{padding:.75rem;margin:.5rem 0;background:var(--bg-tertiary);border-radius:.5rem;border-left:3px solid var(--accent-warning)}.alert-banner{background:color-mix(in srgb,var(--accent-danger) 15%,transparent);border-left:3px solid var(--accent-danger);padding:.75rem;margin-top:.75rem;border-radius:.5rem;color:var(--text-primary);font-size:.875rem}@media (max-width: 768px){.monitoring-grid{grid-template-columns:1fr}.monitoring-header{flex-direction:column;align-items:flex-start;gap:.5rem}.trends-header{flex-direction:column;align-items:flex-start}.trends-charts{grid-template-columns:1fr}.trend-chart-container{height:250px;min-height:200px;max-height:300px}.period-selector{width:100%}.period-btn{flex:1;text-align:center}}.settings-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease;z-index:900;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.settings-modal[data-visible=true]{visibility:visible;opacity:1}.settings-modal__overlay{position:absolute;inset:0;background:var(--modal-overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.settings-modal__dialog{position:relative;width:100%;max-width:600px;max-height:85vh;background:var(--bg-card);border:var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);display:flex;flex-direction:column;overflow:hidden;transform:translateY(10px);opacity:0;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .3s ease;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur)}.settings-modal[data-visible=true] .settings-modal__dialog{transform:translateY(0);opacity:1}.settings-modal__header{padding:20px 28px;border-bottom:1px solid var(--border-color);display:flex;align-items:flex-start;justify-content:space-between;background:var(--bg-tertiary)}.settings-modal__close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;line-height:1;cursor:pointer;padding:4px;border-radius:4px;transition:color .2s}.settings-modal__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-modal__title{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.settings-modal__subtitle{margin:4px 0 0;font-size:.875rem;color:var(--text-secondary)}.settings-modal__content{flex:1;overflow-y:auto;padding:24px 28px;overscroll-behavior:contain}.settings-modal__tabs{display:flex;gap:2px;padding:0 28px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.settings-modal__tab{padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.settings-modal__tab:hover{color:var(--text-primary)}.settings-modal__tab--active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.settings-section{margin-bottom:2rem}.settings-section:last-child{margin-bottom:0}.settings-section h3{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.settings-section__description{font-size:.875rem;color:var(--text-secondary);margin:0 0 1.25rem;line-height:1.5}.settings-field{margin-bottom:1.25rem}.settings-field:last-child{margin-bottom:0}.settings-field label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.settings-field input[type=text],.settings-field input[type=email],.settings-field input[type=password],.settings-field input[type=number],.settings-field input[type=time],.settings-field select,.settings-field textarea{width:100%;padding:.625rem .875rem;background:var(--input-bg, var(--bg-card));border:1px solid var(--input-border, var(--border-color));border-radius:.5rem;color:var(--text-primary);font-size:.95rem;transition:all .2s ease}.settings-field input:focus,.settings-field select:focus,.settings-field textarea:focus{outline:none;border-color:#3b82f6cc!important;box-shadow:0 0 0 3px #3b82f640}.settings-field--inline{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:16px;margin-bottom:.75rem}.settings-field--inline>div{flex:1 1 0}.settings-field--inline>label:first-child{flex:1}.settings-field--inline>.settings-toggle{flex:0 0 auto;padding:0;background:transparent;border:none}.settings-field--row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:16px}.settings-field--row label{margin-bottom:0}.settings-field--row input{width:150px;text-align:right}.settings-modal__footer{padding:16px 28px 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0}.settings-modal__status{font-size:.85rem;color:var(--text-secondary);min-height:1.2em}.settings-modal__actions{display:flex;gap:12px}.settings-modal__button{min-width:88px;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:600;font-size:.95rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.settings-modal__button--secondary{background:var(--bg-tertiary);color:var(--text-primary)}.settings-modal__button--secondary:hover{background:var(--bg-card-hover)}.tariff-cell--selected{border-color:var(--accent-primary)!important;background:color-mix(in srgb,var(--accent-primary) 18%,transparent)!important;color:var(--accent-primary)!important;box-shadow:0 12px 30px color-mix(in srgb,var(--accent-primary) 20%,transparent)}[data-theme=dark] .tariff-cell--selected{background:color-mix(in srgb,var(--accent-primary) 22%,#0f172a)!important}.tariff-cell--selected span{color:inherit!important}@media (max-width: 640px){.settings-modal__dialog{width:calc(100% - 24px);max-height:calc(100vh - 24px);border-radius:12px}.settings-field--inline{flex-direction:column}.settings-modal__header,.settings-modal__content,.settings-modal__footer{padding-left:20px;padding-right:20px}.settings-modal__tabs{padding:0 20px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.settings-modal__tab{flex-shrink:0}.user-list-item-header{flex-direction:column;align-items:flex-start!important;gap:.5rem}.user-list-item-header>div:last-child{text-align:left!important}}body.settings-modal--open{overflow:hidden}.mode-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.mode-option{position:relative;cursor:pointer}.mode-option input{position:absolute;opacity:0;width:0;height:0}.mode-card{background:var(--card-surface);border:2px solid var(--border-color);border-radius:1rem;padding:1.25rem;height:100%;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;text-align:center}.mode-option input:checked+.mode-card{border-color:var(--accent-primary);background:color-mix(in srgb,var(--accent-primary) 14%,transparent)}.mode-icon{font-size:2rem;margin-bottom:.75rem}.mode-title{display:block;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.mode-desc{display:block;font-size:.875rem;color:var(--text-secondary);line-height:1.4}@media (max-width: 640px){.mode-selector{grid-template-columns:1fr}.mode-card{flex-direction:row;text-align:left;align-items:flex-start;gap:1rem}.mode-icon{margin-bottom:0;font-size:1.5rem}}.layout-reorder-list{display:flex;flex-direction:column;gap:.5rem;background:var(--card-surface);padding:1rem;border-radius:1rem;border:1px solid var(--border-color)}.reorder-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background:var(--card-surface-muted);border-radius:.5rem;transition:background .2s,transform .15s,box-shadow .15s,opacity .15s;cursor:grab;user-select:none}.reorder-item:hover{background:var(--bg-tertiary)}.reorder-item.dragging{opacity:.9;transform:scale(1.02);box-shadow:0 8px 24px #0006;background:var(--accent-primary);color:#fff;cursor:grabbing;z-index:10}.reorder-item.drag-over{border-top:2px solid var(--accent-primary);margin-top:-2px}.reorder-item.drag-over-bottom{border-bottom:2px solid var(--accent-primary);margin-bottom:-2px}.reorder-handle{color:var(--text-secondary);cursor:grab;font-size:1.2rem;padding:.25rem}.reorder-item.dragging .reorder-handle{cursor:grabbing}.reorder-label{flex:1;font-weight:500;color:var(--text-primary);pointer-events:none}.reorder-actions{display:flex;gap:.5rem}.reorder-btn{background:var(--card-surface);border:1px solid var(--border-color);color:var(--text-primary);width:2rem;height:2rem;border-radius:.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.reorder-btn:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.reorder-btn:disabled{opacity:.5;cursor:not-allowed}.reorder-placeholder{height:3rem;background:color-mix(in srgb,var(--accent-primary) 15%,transparent);border:2px dashed var(--accent-primary);border-radius:.5rem;margin:.25rem 0}.login-container{display:flex;min-height:100vh;width:100%}.login-brand-panel{width:45%;background:linear-gradient(160deg,#0f172a,#1e293b 60%,#0f172a);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;position:relative;overflow:hidden}.login-brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(45,212,191,.03) 1px,transparent 1px),linear-gradient(0deg,rgba(45,212,191,.03) 1px,transparent 1px);background-size:60px 60px}.login-brand-panel:after{content:"";position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(45,212,191,.15) 0%,transparent 70%);bottom:-100px;right:-100px}.login-brand-content{position:relative;z-index:1;text-align:center;max-width:380px}.login-brand-name{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-.02em;margin-bottom:.5rem}.login-brand-tagline{font-size:1rem;color:var(--lf-teal, #2DD4BF);font-weight:500;margin-bottom:2.5rem}.login-brand-features{display:flex;flex-direction:column;gap:1.25rem;text-align:left}.login-brand-feature{display:flex;align-items:flex-start;gap:.75rem}.login-brand-feature-icon{width:36px;height:36px;border-radius:8px;background:#2dd4bf1f;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--lf-teal, #2DD4BF);flex-shrink:0;border:1px solid rgba(45,212,191,.2)}.login-brand-feature-text{font-size:.875rem;color:#ffffffb3;line-height:1.4}.login-brand-feature-text strong{color:#fff;display:block;margin-bottom:.125rem}.login-form-panel{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem;background:#fff}.login-card{width:100%;max-width:400px;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.login-header{text-align:left;margin-bottom:2rem}.login-header h1{font-size:1.5rem!important;font-weight:700;color:var(--text-primary, #0F172A);margin:0 0 .375rem}.login-header h2{font-size:.9375rem;font-weight:400;color:var(--text-secondary, #64748B);margin:0}.login-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.8125rem;font-weight:600;color:var(--text-primary, #0F172A)}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email]{padding:.75rem 1rem;background:#fff;border:1.5px solid var(--border-light, #E2E8F0);border-radius:12px;color:var(--text-primary, #0F172A);font-size:.9375rem;transition:border-color .2s,box-shadow .2s;width:100%;font-family:inherit}.form-group input::placeholder{color:var(--text-muted, #94A3B8)}.form-group input:focus{outline:none;border-color:var(--lf-teal, #2DD4BF);box-shadow:0 0 0 3px #2dd4bf26}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-muted, #94A3B8);cursor:pointer;padding:4px;font-size:1.125rem;transition:color .15s}.password-toggle:hover{color:var(--text-secondary, #64748B)}.toggle-icon{user-select:none;pointer-events:none}.login-form-row{display:flex;align-items:center;justify-content:space-between}.checkbox-group{flex-direction:row;align-items:center;gap:.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:400}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--lf-teal, #2DD4BF)}.login-button{width:100%;padding:.875rem;background:var(--lf-teal, #2DD4BF);color:#0f172a;border:none;border-radius:12px;font-size:.9375rem;font-weight:700;cursor:pointer;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit}.login-button:hover:not(:disabled){background:var(--lf-teal-dark, #14B8A6)}.login-button:active:not(:disabled){transform:scale(.99)}.login-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{animation:loginSpin 1s linear infinite}@keyframes loginSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:1rem;color:var(--text-muted, #94A3B8);font-size:.75rem}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-light, #E2E8F0)}.login-demo-btn{width:100%;padding:.75rem;background:transparent;color:var(--text-secondary, #64748B);border:1.5px solid var(--border-light, #E2E8F0);border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s;font-family:inherit}.login-demo-btn:hover{background:#f8fafc;border-color:var(--text-muted, #94A3B8);color:var(--text-primary, #0F172A)}.forgot-password-link{text-align:center;margin-top:0}.forgot-password-link a{color:var(--lf-teal-dark, #14B8A6);text-decoration:none;font-size:.8125rem;font-weight:500;transition:color .15s}.forgot-password-link a:hover{color:var(--lf-teal, #2DD4BF);text-decoration:underline}.error-message{padding:.875rem 1rem;background:#ef44441f;border:1.5px solid var(--accent-danger, #EF4444);border-radius:12px;color:var(--accent-danger, #DC2626);font-size:.9375rem;font-weight:600;text-align:left}.error-message:before{content:"⚠ "}.error-message--shake{animation:loginShake .4s ease-in-out}@keyframes loginShake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.success-message{padding:.75rem 1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.2);border-radius:12px;color:#16a34a;font-size:.8125rem}.setup-instructions{margin-bottom:1.25rem}.instructions-toggle{width:100%;padding:.625rem 1rem;background:#f8fafc;border:1px solid var(--border-light, #E2E8F0);border-radius:8px;color:var(--text-secondary, #64748B);font-size:.8125rem;font-weight:500;cursor:pointer;transition:background .15s;text-align:left;font-family:inherit}.instructions-toggle:hover{background:#f1f5f9}.instructions-content{margin-top:.75rem;padding:1rem;background:#f8fafc;border:1px solid var(--border-light, #E2E8F0);border-radius:8px;color:var(--text-secondary, #64748B);font-size:.8125rem;line-height:1.5}.instructions-content h3{color:var(--text-primary, #0F172A);font-size:.9375rem;font-weight:600;margin:0 0 .75rem}.instructions-content h4{color:var(--text-primary, #0F172A);font-size:.875rem;font-weight:600;margin:1rem 0 .5rem}.instructions-content h4:first-of-type{margin-top:0}.instruction-section{margin-bottom:1rem}.instruction-section:last-child{margin-bottom:0}.instructions-content ol,.instructions-content ul{margin:.5rem 0;padding-left:1.25rem}.instructions-content li{margin:.375rem 0}.instructions-content .note{margin-top:.5rem;padding:.5rem .75rem;background:#f59e0b14;border-left:3px solid #F59E0B;border-radius:4px;font-size:.75rem}.login-footer-text{text-align:center;margin-top:2rem;font-size:.75rem;color:var(--text-muted, #94A3B8)}@media (max-width: 768px){.login-container{flex-direction:column}.login-brand-panel{width:100%;padding:2rem 1.5rem;min-height:auto}.login-brand-features{display:none}.login-brand-name{font-size:1.5rem}.login-brand-tagline{margin-bottom:0}.login-form-panel{padding:2rem 1.5rem}.login-card{max-width:100%}}@media (max-width: 480px){.login-brand-panel,.login-form-panel{padding:1.5rem 1rem}}.demo-banner{position:fixed;top:0;left:0;right:0;background:linear-gradient(135deg,#f59e0b,#d97706);color:#111827;padding:12px 20px;z-index:10000;box-shadow:0 2px 8px #0003;border-bottom:2px solid #b45309}.demo-banner-content{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1200px;margin:0 auto;flex-wrap:wrap}.demo-banner-icon{font-size:20px;flex-shrink:0}.demo-banner-text{font-weight:600;font-size:14px;flex:1;text-align:center}.demo-banner-button{padding:6px 16px;background:#111827;color:#f9fafb;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:background-color .2s;flex-shrink:0}.demo-banner-button:hover{background:#1f2937}.demo-banner-button:active{background:#374151}body:has(.demo-banner){padding-top:48px}@media (max-width: 640px){.demo-banner{padding:10px 16px}.demo-banner-content{flex-direction:column;gap:8px}.demo-banner-text{font-size:12px}.demo-banner-button{width:100%;padding:8px}body:has(.demo-banner){padding-top:80px}}.pwa-install-button{width:100%;padding:10px 16px;margin-bottom:16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;justify-content:center;gap:8px}.pwa-install-button:hover{background:#2563eb}.pwa-install-button:active{background:#1d4ed8}.app-header .pwa-install-button{width:auto;padding:8px 16px;margin:0;font-size:13px}