@charset "UTF-8";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#fff8f0,#f4d6a8);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 8px 32px #6b442326;padding:40px;max-width:400px;width:100%;border:2px solid #F4D6A8}.login-header{text-align:center;margin-bottom:30px}.login-header h1{display:flex;align-items:center;justify-content:center;gap:.4em;color:#e85d25;font-size:2em;margin:0 0 10px;font-weight:700}.login-logo-icon{color:var(--lomita-amber)}.login-header p{color:#6b4423;font-size:1em;margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#6b4423;font-weight:600;font-size:.9em}.form-group input{padding:12px;border:2px solid #F4D6A8;border-radius:8px;font-size:1em;transition:all .2s ease;background:#fff;color:#6b4423}.form-group input:focus{outline:none;border-color:#e85d25;box-shadow:0 0 0 3px #e85d251a}.form-group input::placeholder{color:#b8956a}.error-message{display:flex;align-items:center;justify-content:center;gap:.4em;background-color:#fee;border:1px solid #fcc;color:#c33;padding:12px;border-radius:8px;font-size:.9em;text-align:center}.login-button{background:linear-gradient(135deg,#e85d25,#c94d1f);color:#fff;border:none;padding:14px;border-radius:8px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:10px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #e85d254d}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:30px;text-align:center;padding-top:20px;border-top:1px solid #F4D6A8}.login-footer p{color:#6b4423;font-size:.85em;margin:0}@media (max-width: 480px){.login-box{padding:30px 20px}.login-header h1{font-size:1.5em}}.freshness-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .75rem;border-radius:999px;border:1.5px solid;font-size:.8rem;font-weight:500;line-height:1.2}.freshness-pill .freshness-icon{flex-shrink:0;font-size:.6rem;line-height:1}.freshness-pill-fresh{background:#4a9b8e14;border-color:var(--lomita-teal-bright);color:var(--lomita-teal-dark)}.freshness-pill-fresh .freshness-icon{color:var(--lomita-teal-bright)}.freshness-pill-delayed{background:#fff6e5;border-color:var(--lomita-amber);color:var(--lomita-brown)}.freshness-pill-delayed .freshness-icon{color:var(--lomita-amber);font-size:.85rem}.freshness-pill-stale{background:#fbeae0;border-color:var(--lomita-deep-orange);color:var(--lomita-brown);font-weight:600}.freshness-pill-stale .freshness-icon{color:var(--lomita-deep-orange);font-size:.85rem}.freshness-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:2px solid;margin-bottom:var(--spacing-md);font-size:.9rem;line-height:1.4}.freshness-banner .freshness-icon{flex-shrink:0;font-size:1.1rem;line-height:1}.freshness-banner-fresh{background:var(--bg-widget);border-color:var(--lomita-teal-bright);color:var(--text-body)}.freshness-banner-fresh .freshness-icon{color:var(--lomita-teal-bright)}.freshness-banner-delayed{background:#fff6e5;border-color:var(--lomita-amber);color:var(--lomita-brown)}.freshness-banner-delayed .freshness-icon{color:var(--lomita-amber)}.freshness-banner-stale{background:#fbeae0;border-color:var(--lomita-deep-orange);color:var(--lomita-brown)}.freshness-banner-stale .freshness-icon{color:var(--lomita-deep-orange)}.topnav{position:sticky;top:0;z-index:100;margin:0;border:none;border-radius:0;border-bottom:1px solid var(--border-color);background:var(--bg-widget);box-shadow:var(--shadow-sm)}.topnav-inner{display:flex;align-items:center;gap:var(--spacing-xl);height:60px;max-width:1400px;margin:0 auto;padding:0 var(--spacing-xl)}.topnav-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:800;font-size:1.2rem;letter-spacing:-.02em;color:var(--color-primary);text-decoration:none}.topnav-brand:hover{opacity:.85}.topnav-logo{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--gradient-orange);color:var(--lomita-warm-white);box-shadow:0 2px 6px #e85d2559}.topnav-links{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.topnav-link{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.95rem;color:var(--text-muted);transition:background var(--transition-fast),color var(--transition-fast)}.topnav-link:hover{background:var(--bg-page);color:var(--color-primary)}.topnav-link-active,.topnav-link-active:hover{background:var(--color-primary);color:var(--lomita-warm-white)}.topnav-link-pulse{animation:topnav-link-pulse .28s cubic-bezier(.34,1.56,.64,1)}@keyframes topnav-link-pulse{0%{transform:scale(1);box-shadow:0 0 #e85d2500}35%{transform:scale(1.12);box-shadow:0 0 0 5px #e85d2540}to{transform:scale(1);box-shadow:0 0 #e85d2500}}@media (prefers-reduced-motion: reduce){.topnav-link-pulse{animation:none}}.topnav-status{flex-shrink:0}@media (max-width: 768px){.topnav-inner{flex-wrap:wrap;height:auto;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md)}.topnav-links{order:3;flex-basis:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:var(--spacing-sm)}.topnav-status{margin-left:auto}}@media (prefers-reduced-motion: reduce){.topnav-link{transition:none}}.app-layout{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:var(--spacing-xl)}.app-footer{margin-top:var(--spacing-xl);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-color);background:var(--bg-widget)}@media (max-width: 768px){.app-main{padding:var(--spacing-md)}}.month-selector{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--spacing-md);background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);margin-bottom:var(--spacing-lg);transition:all var(--transition-normal);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffcf7f2}.month-selector:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.month-selector:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:8px;background:linear-gradient(to bottom,rgba(232,93,37,.08),transparent);opacity:0;transition:opacity var(--transition-normal);pointer-events:none}.month-selector-label{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:.95rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.month-selector-dropdown{flex:1;max-width:250px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);background:var(--lomita-sun-light);color:var(--text-primary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.month-selector-dropdown:hover{border-color:var(--border-color-hover);background:var(--bg-widget)}.month-selector-dropdown:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e85d2526}@media (max-width: 768px){.month-selector{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.month-selector-dropdown{max-width:none}}.domain-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.domain-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border-color)}.domain-page-titles h1{margin:0;font-size:1.9rem;font-weight:800;letter-spacing:-.02em;color:var(--color-primary)}.domain-page-titles p{margin:var(--spacing-xs) 0 0;color:var(--text-muted);font-size:.95rem}.domain-page-controls{display:flex;align-items:center;gap:var(--spacing-md)}@media (max-width: 768px){.domain-page-titles h1{font-size:1.5rem}}.power-flow-container{padding:var(--spacing-lg);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.power-flow-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--hairline)}.power-flow-header h2{display:flex;align-items:center;gap:var(--spacing-sm);margin:0;color:var(--text-primary);font-size:1.3rem;font-weight:700}.power-flow-title-icon{color:var(--color-accent)}.header-info{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm)}.last-update{font-size:.8rem;color:var(--text-muted)}.data-source{font-size:.7rem;padding:.25rem .65rem;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;border:1px solid}.data-source.api{background:var(--tint-primary);border-color:var(--lomita-teal-bright);color:var(--lomita-teal-mid)}.data-source.firestore{background:var(--surface-sunken);border-color:var(--hairline);color:var(--text-muted)}.power-flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.power-flow-card{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-lg);transition:box-shadow var(--transition-normal),background var(--transition-normal);position:relative;overflow:hidden}.power-flow-card.active{background:var(--tint-primary);box-shadow:var(--ring-primary),var(--shadow-sm)}.power-flow-card.charging.active{background:var(--tint-attention);box-shadow:0 0 0 2px #d97b3859,var(--shadow-sm)}.power-flow-card.discharge.active{background:var(--tint-attention);box-shadow:0 0 0 2px #e85d2552,var(--shadow-sm)}.card-icon{color:var(--lomita-teal-bright);opacity:.5;margin-bottom:var(--spacing-sm);transition:opacity var(--transition-normal)}.power-flow-card.active .card-icon{opacity:1}.card-title{color:var(--text-muted);margin-bottom:var(--spacing-md)}.card-value{display:flex;align-items:baseline;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.value-large{font-size:2.5rem;font-weight:700;line-height:1;color:var(--kpi-primary);font-variant-numeric:tabular-nums}.value-unit{font-size:1.25rem;color:var(--text-muted);font-weight:600}.card-details{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--hairline)}.detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem}.detail-label{color:var(--text-muted);font-weight:500}.detail-value{color:var(--text-body);font-weight:600;font-variant-numeric:tabular-nums}.power-flow-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--hairline)}.flow-stat{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center}.flow-stat.battery,.flow-stat.net-flow.charging{background:var(--tint-primary)}.flow-stat.net-flow.discharging{background:var(--tint-attention)}.summary-label{margin-bottom:var(--spacing-sm)}.summary-value{display:flex;align-items:baseline;justify-content:center;gap:.3rem;margin-bottom:var(--spacing-sm)}.summary-value .value-large{font-size:2rem}.summary-value .value-unit{font-size:1rem}.flow-stat .value-large{color:var(--kpi-primary)}.flow-stat.net-flow.discharging .value-large,.flow-stat.battery.low .value-large{color:var(--kpi-attention)}.flow-stat.net-flow.neutral .value-large{color:var(--text-muted)}.summary-detail{display:flex;align-items:center;justify-content:center;gap:.35rem;font-size:.75rem;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.power-flow-grid,.power-flow-summary{grid-template-columns:1fr}.power-flow-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.output-switches{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--hairline)}.switches-title{margin:0 0 var(--spacing-md) 0}.switches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.toggle-error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);background:var(--tint-attention);border:1px solid var(--lomita-burnt-orange);border-radius:var(--radius-sm);padding:.75rem;margin-bottom:var(--spacing-md);color:var(--lomita-deep-orange);font-size:.875rem;font-weight:600;text-align:center}.switch-status{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center;transition:box-shadow var(--transition-fast),transform var(--transition-fast),background var(--transition-fast);cursor:pointer;font:inherit;width:100%}.switch-status:hover:not(:disabled){box-shadow:var(--ring-primary),var(--shadow-md);transform:translateY(-2px)}.switch-status:active:not(:disabled){transform:translateY(0)}.switch-status:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.switch-status:disabled{cursor:not-allowed}.switch-status.toggling{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.switch-status.enabled{background:var(--tint-primary)}.switch-icon{color:var(--lomita-teal-bright);margin-bottom:var(--spacing-sm);transition:opacity var(--transition-normal)}.switch-status.disabled .switch-icon{opacity:.45}.switch-label{margin-bottom:var(--spacing-sm)}.switch-state{font-size:.7rem;font-weight:700;padding:.25rem .8rem;border-radius:999px;display:inline-block;margin-top:var(--spacing-sm);border:1px solid;transition:all var(--transition-normal);letter-spacing:.06em}.switch-state.on{background:var(--lomita-teal-bright);border-color:var(--lomita-teal-bright);color:var(--lomita-warm-white)}.switch-state.off{background:transparent;border-color:var(--hairline);color:var(--text-muted)}.automation-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--hairline)}.automation-card{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);transition:background var(--transition-fast),border-color var(--transition-fast)}.automation-card.enabled{background:var(--tint-primary);border-color:var(--lomita-teal-bright)}.automation-card.toggling{animation:pulse 1s ease-in-out infinite}.automation-main{display:flex;align-items:center;gap:var(--spacing-md)}.automation-icon{color:var(--lomita-teal-bright);flex-shrink:0;transition:opacity var(--transition-normal)}.automation-card.disabled .automation-icon{opacity:.45}.automation-text{flex:1;min-width:0}.automation-title{font-weight:600;font-size:.95rem}.automation-desc{font-size:.85rem;color:var(--text-muted);margin-top:.15rem}.automation-desc.muted{opacity:.7}.automation-desc strong{color:var(--lomita-teal-bright);font-weight:700}.automation-toggle{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:none;border:none;cursor:pointer;font:inherit;flex-shrink:0;padding:0}.automation-toggle:disabled{cursor:not-allowed}.automation-toggle:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px;border-radius:var(--radius-sm)}.automation-toggle-track{width:38px;height:22px;border-radius:999px;background:var(--hairline);position:relative;transition:background var(--transition-normal);flex-shrink:0}.automation-toggle.on .automation-toggle-track{background:var(--lomita-teal-bright)}.automation-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--lomita-warm-white);box-shadow:var(--shadow-sm);transition:transform var(--transition-normal)}.automation-toggle.on .automation-toggle-thumb{transform:translate(16px)}.automation-toggle-text{font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);min-width:1.6rem;text-align:left}.automation-toggle.on .automation-toggle-text{color:var(--lomita-teal-bright)}.automation-edit{display:inline-flex;align-items:center;gap:.35rem;margin-top:var(--spacing-md);background:none;border:none;padding:0;cursor:pointer;font:inherit;font-size:.8rem;font-weight:600;color:var(--lomita-teal-bright)}.automation-edit:hover:not(:disabled){text-decoration:underline}.automation-edit:disabled{opacity:.5;cursor:not-allowed}.automation-editor{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px dashed var(--hairline)}.soc-stepper{display:inline-flex;align-items:center;gap:var(--spacing-md)}.stepper-btn{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--hairline);background:var(--surface-sunken);color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.stepper-btn:hover:not(:disabled){box-shadow:var(--ring-primary)}.stepper-btn:disabled{opacity:.4;cursor:not-allowed}.stepper-value{font-size:1.1rem;font-weight:700;min-width:3.2rem;text-align:center;font-variant-numeric:tabular-nums}.editor-actions{display:inline-flex;gap:var(--spacing-sm)}.btn-cancel,.btn-save{padding:.45rem 1rem;border-radius:var(--radius-sm);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.btn-cancel{background:transparent;border:1px solid var(--hairline);color:var(--text-muted)}.btn-cancel:hover:not(:disabled){color:var(--text-primary)}.btn-save{background:var(--lomita-teal-bright);border:1px solid var(--lomita-teal-bright);color:var(--lomita-warm-white)}.btn-save:hover:not(:disabled){box-shadow:var(--shadow-md)}.btn-cancel:disabled,.btn-save:disabled{opacity:.6;cursor:not-allowed}.skeleton{position:relative;overflow:hidden;background:var(--border-color);border-radius:6px;opacity:.55}.shimmer .skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skeleton-center{margin-left:auto;margin-right:auto}.skeleton-heading{width:220px;height:1.5rem}.skeleton-line{height:.875rem;width:100%}.skeleton-line-xs{width:3.5rem}.skeleton-line-sm{width:6rem}.skeleton-line-title{width:8rem;height:1rem;margin-bottom:1rem}.skeleton-pill{width:4.5rem;height:1.4rem;border-radius:16px}.skeleton-icon{width:2.5rem;height:2.5rem;border-radius:8px;margin-bottom:.5rem}.skeleton-value{width:5.5rem;height:2.5rem;margin-bottom:1rem}.summary-card .skeleton-value{height:2rem}.power-flow-container .loading,.power-flow-container .error,.power-flow-container .no-data{padding:var(--spacing-xl);text-align:center;color:var(--text-muted);font-style:italic}.power-flow-container .error{color:var(--lomita-deep-orange)}.summary-card{display:flex;flex-direction:column;gap:var(--spacing-sm);min-height:220px;background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);text-decoration:none;color:inherit;transition:transform var(--transition-fast),box-shadow var(--transition-fast),border-color var(--transition-fast)}.summary-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.summary-card:focus-visible{outline:2px solid var(--color-secondary);outline-offset:2px}.summary-card-header{display:flex;align-items:center;gap:var(--spacing-sm)}.summary-card-header h2{margin:0;font-size:1.1rem;color:var(--text-primary)}.summary-card-icon{display:inline-flex;color:var(--lomita-teal-bright)}.summary-card-value{display:flex;align-items:baseline;gap:var(--spacing-xs);flex-wrap:wrap}.summary-card-value.tone-primary .summary-card-number,.summary-card-value.tone-primary .summary-card-unit{color:var(--kpi-primary)}.summary-card-value.tone-attention .summary-card-number,.summary-card-value.tone-attention .summary-card-unit{color:var(--kpi-attention)}.summary-card-number{font-size:2.5rem;font-weight:700;line-height:1}.summary-card-unit{font-size:1.15rem;font-weight:600}.summary-card-caption{margin-left:var(--spacing-xs);font-size:.85rem;color:var(--text-muted)}.summary-card-spark{flex:1;min-height:90px}.summary-card-empty{flex:1;display:flex;flex-direction:column;justify-content:flex-end;gap:var(--spacing-md);min-height:90px}.summary-card-empty-text{font-size:.9rem;color:var(--text-muted)}.summary-card-baseline{height:0;border-top:2px dashed var(--hairline);margin-bottom:auto;margin-top:var(--spacing-md)}.summary-card-error{color:var(--lomita-deep-orange)}.summary-card-hint{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-xs);font-size:.85rem;font-weight:600;color:var(--color-secondary)}.summary-card-hint-icon{transition:transform var(--transition-fast)}.summary-card:hover .summary-card-hint-icon{transform:translate(3px)}@media (prefers-reduced-motion: reduce){.summary-card,.summary-card-hint-icon{transition:none}}.now-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--spacing-lg)}.now-lifetime{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.now-lifetime-value{font-size:1.5rem;font-weight:800;line-height:1;color:var(--kpi-primary);font-variant-numeric:tabular-nums}.now-lifetime-unit{font-size:.95rem;font-weight:600;color:var(--text-muted)}.page-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.page-section-head h2{margin:0;font-size:1.2rem;color:var(--text-primary)}.page-section-head p{margin:var(--spacing-xs) 0 0;color:var(--text-muted);font-size:.9rem}.collapsible{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--bg-widget);overflow:hidden}.collapsible-head{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;text-align:left;transition:background var(--transition-fast)}.collapsible-head:hover{background:var(--bg-page)}.collapsible-head:focus-visible{outline:2px solid var(--color-secondary);outline-offset:-2px}.collapsible-chevron{color:var(--color-primary);font-size:.9rem;width:1rem;flex-shrink:0}.collapsible-titles{display:flex;flex-direction:column}.collapsible-title{font-weight:700;color:var(--text-primary)}.collapsible-subtitle{font-size:.85rem;color:var(--text-muted)}.collapsible-body{padding:0 var(--spacing-lg) var(--spacing-lg)}@media (prefers-reduced-motion: reduce){.collapsible-head{transition:none}}.month-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-xl);background:var(--bg-widget);border:1px dashed var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted)}.month-empty-icon{display:inline-flex;color:var(--text-muted)}.month-empty h2{margin:0;font-size:1.2rem;color:var(--text-primary)}.month-empty p{margin:0;max-width:36rem;font-size:.95rem}.chart-header h2{margin:0;font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chart-title{display:flex;align-items:center;gap:var(--spacing-sm)}.chart-title-icon{display:inline-flex;color:var(--color-secondary)}.chart-stats .stat-item{display:flex;align-items:baseline;gap:var(--spacing-xs)}.chart-stats .stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.chart-stats .stat-value{font-size:.875rem;color:var(--text-primary);font-weight:700}.time-range-selector{display:flex;gap:.5rem;background:#f4d6a84d;padding:.25rem;border-radius:8px}.time-btn{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-dark-brown);font-size:.9rem;font-weight:500;cursor:pointer;border-radius:6px;transition:all .2s ease;font-family:inherit}.time-btn:hover:not(:disabled){background:#e85d251a;color:var(--color-burnt-orange)}.time-btn.active{background:var(--color-burnt-orange);color:#fff;box-shadow:0 2px 4px #e85d254d}.time-btn:disabled{opacity:.5;cursor:not-allowed}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.monthly-metrics{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal);margin-bottom:var(--spacing-xl)}.monthly-metrics:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.monthly-metrics h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.monthly-summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-md)}.summary-stat-card{background:var(--lomita-sun-light);border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-md);text-align:center;transition:all var(--transition-fast)}.summary-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-color-hover)}.summary-stat-label{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--spacing-xs);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.summary-stat-value{font-size:1.5rem;font-weight:800;color:var(--color-secondary);line-height:1}.monthly-chart-tooltip{background:var(--bg-elevated);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--lomita-sunset);box-shadow:var(--shadow-md)}.monthly-chart-tooltip .tooltip-label{margin:0 0 var(--spacing-xs) 0;font-size:.8rem;color:var(--text-muted);font-weight:600}.monthly-chart-tooltip .tooltip-value{margin:var(--spacing-xs) 0;font-size:.9rem;color:var(--text-primary);font-weight:600}.monthly-chart-tooltip .tooltip-value strong{color:var(--color-secondary);font-weight:700}@media (max-width: 768px){.monthly-metrics{padding:var(--spacing-md)}.monthly-summary-stats{grid-template-columns:1fr;gap:var(--spacing-sm)}.summary-stat-value{font-size:1.25rem}}.energy-flow-summary{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal)}.energy-flow-summary:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.energy-flow-summary h2{margin-top:0;margin-bottom:var(--spacing-lg);font-size:1.2rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--lomita-sunset);padding-bottom:var(--spacing-sm)}.energy-flow-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.flow-stat-card{background:var(--lomita-sun-light);border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid var(--border-color);text-align:center;transition:all var(--transition-fast)}.flow-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.flow-stat-card.solar{border-color:#f4d6a8;background:linear-gradient(135deg,#fff8f0,#fef4e8)}.flow-stat-card.discharge{border-color:#e85d25;background:linear-gradient(135deg,#fff8f0,#fef0ea)}.flow-stat-card.net.positive{border-color:#4a9b8e;background:linear-gradient(135deg,#f0fbf9,#e8f7f4)}.flow-stat-card.net.negative{border-color:#e85d25;background:linear-gradient(135deg,#fff0ea,#ffe5dc)}.flow-stat-card.utilization{border-color:var(--border-color)}.flow-stat-card.utilization.excellent{border-color:#4a9b8e;background:linear-gradient(135deg,#f0fbf9,#e8f7f4)}.flow-stat-card.utilization.charging{border-color:#4a9b8e;background:linear-gradient(135deg,#e8f4ff,#d4ebff)}.flow-stat-card.utilization.moderate{border-color:#f4d6a8;background:linear-gradient(135deg,#fffbf0,#fff8e8)}.flow-stat-card.utilization.warning{border-color:orange;background:linear-gradient(135deg,#fff8e8,#ffeed4)}.flow-stat-card.utilization.critical{border-color:#e85d25;background:linear-gradient(135deg,#ffe5e5,#ffd4d4)}.flow-stat-icon{display:flex;justify-content:center;margin-bottom:var(--spacing-xs);color:var(--lomita-teal-bright)}.flow-stat-card.solar .flow-stat-icon{color:var(--lomita-amber)}.flow-stat-card.discharge .flow-stat-icon,.flow-stat-card.net.negative .flow-stat-icon,.flow-stat-card.utilization.warning .flow-stat-icon,.flow-stat-card.utilization.critical .flow-stat-icon{color:var(--lomita-burnt-orange)}.flow-stat-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.flow-stat-value{font-size:1.5rem;font-weight:800;color:var(--text-primary)}.energy-flow-details{background:var(--lomita-sun-light);border-radius:var(--radius-sm);padding:var(--spacing-md);border:2px solid var(--border-color);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-sm)}.flow-detail{margin:0;font-size:.9rem;color:var(--text-body)}.flow-detail strong{color:var(--color-primary);font-weight:700}.energy-flow-tooltip{background:var(--bg-elevated);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--lomita-sunset);box-shadow:var(--shadow-md)}.energy-flow-tooltip .tooltip-label{margin:0 0 var(--spacing-xs) 0;font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.energy-flow-tooltip .tooltip-value{margin:var(--spacing-xs) 0;font-size:.9rem;color:var(--text-primary);font-weight:500}.energy-flow-tooltip .tooltip-value.positive{color:#4a9b8e;font-weight:700}.energy-flow-tooltip .tooltip-value.negative{color:#e85d25;font-weight:700}.energy-flow-tooltip .tooltip-total{margin:var(--spacing-xs) 0 0 0;font-size:.95rem;color:var(--text-primary);font-weight:700;padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.energy-flow-tooltip .net-status{font-size:.85rem;font-style:italic;color:var(--text-muted)}@media (max-width: 768px){.energy-flow-stats{grid-template-columns:repeat(2,1fr)}.energy-flow-details{grid-template-columns:1fr}.flow-stat-value{font-size:1.2rem}}.curtailment-analysis{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal);margin-bottom:var(--spacing-xl)}.curtailment-analysis:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.curtailment-analysis h2{margin-top:0;margin-bottom:var(--spacing-xs);font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.curtailment-analysis .subtitle{color:var(--text-muted);font-size:.9rem;margin-bottom:var(--spacing-lg);font-weight:500}.curtailment-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.curtailment-card{background:var(--surface-sunken);border:1px solid var(--hairline);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:var(--spacing-md);text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.curtailment-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.card-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs);font-weight:500}.card-value{font-size:2rem;font-weight:800;color:var(--color-secondary);line-height:1.1}.card-unit{font-size:.85rem;color:var(--text-muted);margin-top:var(--spacing-xs);font-weight:500}.curtailment-note{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--lomita-sun-light);border:2px dashed var(--border-color);border-radius:var(--radius-sm);color:var(--text-body);font-size:.9rem;text-align:center}@media (max-width: 768px){.curtailment-analysis{padding:var(--spacing-md)}.curtailment-summary{grid-template-columns:1fr;gap:var(--spacing-sm)}.card-value{font-size:1.5rem}.curtailment-note{font-size:.85rem}}.yearly-heatmap-container{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal)}.yearly-heatmap-container:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.year-toggle{display:flex;gap:var(--spacing-sm);justify-content:center;margin-bottom:var(--spacing-lg)}.year-button{background:var(--bg-widget);border:2px solid var(--border-color);color:var(--text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-normal);min-width:80px}.year-button:hover{background:var(--color-highlight);border-color:var(--color-primary)}.year-button.active{background:var(--color-primary);color:var(--bg-page);border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.yearly-heatmap h2{color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:1.5rem;text-align:center}.heatmap-subtitle{text-align:center;color:var(--text-secondary);font-size:.9rem;margin:0 0 var(--spacing-md) 0}.month-legend-note{text-align:center;margin-top:var(--spacing-md);padding:var(--spacing-sm);background:var(--bg-page);border-radius:var(--radius-sm);border:1px solid var(--border-color)}.month-legend-note p{margin:0;color:var(--text-secondary);font-size:.85rem;font-style:italic}.heatmap-tooltip{background:#fff8f0fa;border:2px solid var(--border-color);border-radius:var(--radius-sm);padding:var(--spacing-sm);box-shadow:var(--shadow-md)}.heatmap-tooltip .tooltip-label{font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0;font-size:.9rem}.heatmap-tooltip .tooltip-value{margin:0;color:var(--text-secondary);font-size:.85rem}.yearly-heatmap .loading,.yearly-heatmap .error,.yearly-heatmap .no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-secondary)}.yearly-heatmap .error{color:#e85d25}@media (max-width: 768px){.year-toggle{flex-direction:column}.year-button{width:100%}.yearly-heatmap-container{padding:var(--spacing-md)}.heatmap-subtitle{font-size:.8rem}.month-legend-note p{font-size:.75rem}}.solar-current-tooltip{background:var(--bg-elevated);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--lomita-sunset);box-shadow:var(--shadow-md)}.solar-current-tooltip .tooltip-label{margin:0 0 var(--spacing-xs) 0;font-size:.8rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.solar-current-tooltip .tooltip-value{margin:var(--spacing-xs) 0;font-size:.9rem;color:var(--text-primary);font-weight:500}.solar-current-tooltip .tooltip-range{margin:var(--spacing-xs) 0 0 0;font-size:.95rem;color:var(--color-primary);font-weight:700;padding-top:var(--spacing-xs);border-top:1px solid var(--border-color)}.health-indicator{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:var(--spacing-xs)}.health-indicator.excellent{background-color:var(--color-secondary);box-shadow:0 0 8px #4a9b8e99}.health-indicator.good{background-color:var(--color-primary);box-shadow:0 0 8px #e85d2599}.health-indicator.warning{background-color:#e74c3c;box-shadow:0 0 8px #e74c3c99}.temp-gauge{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.temp-bar{flex:1;height:8px;background:linear-gradient(to right,var(--color-secondary),var(--color-primary));border-radius:var(--radius-sm);position:relative}.temp-marker{position:absolute;width:4px;height:16px;background-color:var(--text-primary);top:-4px;border-radius:var(--radius-xs)}@media (max-width: 768px){.metrics-summary{grid-template-columns:1fr;gap:var(--spacing-sm)}.metric-value-large{font-size:1.25rem}.stat-item{flex-direction:column;align-items:center;gap:2px}}.cost-savings-container{padding:0}.rate-selector{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--lomita-sun-light);border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);border:2px solid var(--border-color)}.rate-selector label{font-weight:600;color:var(--text-primary);white-space:nowrap;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.rate-selector input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;width:120px;font-family:Inter,sans-serif;background:var(--bg-widget);color:var(--text-body);font-weight:500;transition:all var(--transition-fast)}.rate-selector input:hover{border-color:var(--border-color-hover)}.rate-selector input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e85d2526}.rate-selector button{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:var(--text-on-orange);border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:600;font-size:.875rem;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.rate-selector button:hover{background:var(--lomita-deep-orange);transform:translateY(-1px);box-shadow:var(--shadow-md)}.rate-selector button:active{transform:translateY(0)}.metrics-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.metric-card{background:var(--lomita-sun-light);border-radius:var(--radius-md);padding:var(--spacing-md);border:2px solid var(--border-color);text-align:center;transition:all var(--transition-fast)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--border-color-hover)}.metric-label{font-size:.85rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.metric-value-large{font-size:1.5rem;font-weight:800;color:var(--color-secondary);line-height:1;margin:var(--spacing-sm) 0}.metric-description{font-size:.8rem;color:var(--text-muted);font-style:italic;margin-top:var(--spacing-xs)}.metric-card.savings-highlight{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--lomita-teal-mid) 100%);color:var(--text-on-teal);border-color:var(--color-secondary)}.savings-highlight .metric-label{color:#fffffff2}.savings-highlight .metric-value-large{color:#fff;font-size:2rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.savings-highlight .metric-description{color:#ffffffe6}.stat-item{display:flex;align-items:baseline;gap:var(--spacing-xs)}.stat-item .stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.stat-item .stat-value{font-size:.875rem;color:var(--text-primary);font-weight:700}@media (max-width: 768px){.rate-selector{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.rate-selector label{white-space:normal}.rate-selector input,.rate-selector button{width:100%}.metrics-summary{grid-template-columns:1fr;gap:var(--spacing-sm)}.metric-value-large{font-size:1.25rem}.savings-highlight .metric-value-large{font-size:1.5rem}}.system-health{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.health-header h2{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 .25rem;font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.health-header p{margin:0 0 var(--spacing-md) 0;color:var(--text-muted);font-size:.9rem}.health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.health-row{padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid var(--text-muted);background:var(--bg-elevated)}.health-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.health-primary{font-size:.95rem;font-weight:600;color:var(--text-body)}.health-secondary{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.health-row-fresh{border-left-color:var(--lomita-teal-bright)}.health-row-delayed{border-left-color:var(--lomita-amber)}.health-row-stale{border-left-color:var(--lomita-deep-orange)}.health-row-unknown{border-left-color:var(--text-muted)}.health-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.health-link{color:var(--color-primary);font-size:.85rem;text-decoration:none;font-weight:500}.health-link:hover{text-decoration:underline}.health-link code{background:var(--bg-page);padding:1px 4px;border-radius:4px;font-size:.8rem}.version-info{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);border:2px solid var(--border-color);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-lg)}.version-info-header h2{display:flex;align-items:center;gap:var(--spacing-sm);margin:0 0 .25rem;font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.version-info-header p{margin:0 0 var(--spacing-md) 0;color:var(--text-muted);font-size:.9rem}.version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-md)}.version-card{padding:var(--spacing-md);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary);background:var(--bg-elevated)}.version-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600;margin-bottom:.25rem}.version-card-sha{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:1.05rem;font-weight:700;color:var(--text-body)}.version-card-sha a{color:var(--color-primary);text-decoration:none}.version-card-sha a:hover{text-decoration:underline}.version-card-branch{display:flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--text-muted);margin-top:.35rem}.version-card-meta{font-size:.78rem;color:var(--text-muted);margin-top:.2rem}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;max-width:100vw;overflow-x:hidden}:root{--lomita-burnt-orange: #E85D25;--lomita-deep-orange: #D94A1F;--lomita-sunset: #D97B38;--lomita-sun: #F4D6A8;--lomita-sun-light: #F9E5B8;--lomita-amber: #D4A017;--lomita-teal-dark: #2B5B5A;--lomita-teal-mid: #3D7A78;--lomita-teal-bright: #4A9B8E;--lomita-sage: #5A9996;--lomita-brown: #6B4423;--lomita-cream: #F4D6A8;--lomita-warm-white: #FFFCF7;--lomita-warm-bg: #FFF8F0;--chart-amber: #D4A017;--color-primary: var(--lomita-burnt-orange);--color-secondary: var(--lomita-teal-bright);--color-accent: var(--lomita-sunset);--color-burnt-orange: var(--lomita-burnt-orange);--color-dark-brown: var(--lomita-brown);--color-highlight: var(--lomita-amber);--text-secondary: var(--text-muted);--text-primary: var(--lomita-teal-dark);--text-body: var(--lomita-brown);--text-muted: #8B9999;--text-on-orange: var(--lomita-sun);--text-on-teal: var(--lomita-warm-white);--bg-page: var(--lomita-warm-bg);--bg-widget: var(--lomita-warm-white);--bg-elevated: #FFFFFF;--border-color: var(--lomita-cream);--border-color-hover: var(--lomita-sunset);--hairline: rgba(107, 68, 35, .1);--shadow-sm: 0 2px 8px rgba(232, 93, 37, .06);--shadow-md: 0 4px 12px rgba(232, 93, 37, .08);--shadow-lg: 0 8px 24px rgba(232, 93, 37, .12);--surface-card: var(--bg-widget);--surface-sunken: #FBF6EE;--ring-primary: 0 0 0 2px rgba(74, 155, 142, .35);--tint-primary: rgba(74, 155, 142, .07);--tint-attention: rgba(232, 93, 37, .08);--kpi-primary: var(--lomita-teal-bright);--kpi-attention: var(--lomita-burnt-orange);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--transition-fast: .15s ease-in-out;--transition-normal: .25s ease-in-out;--gradient-header: linear-gradient( to bottom, var(--lomita-burnt-orange) 0%, var(--lomita-burnt-orange) 30%, var(--lomita-sunset) 60%, var(--lomita-sun) 100% );--gradient-orange: linear-gradient( 135deg, var(--lomita-burnt-orange) 0%, var(--lomita-sunset) 100% );--gradient-teal: linear-gradient( 135deg, var(--lomita-teal-bright) 0%, var(--lomita-teal-mid) 100% )}body{background-color:var(--bg-page);color:var(--text-body);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;line-height:1.6}*{margin:0;padding:0;box-sizing:border-box}.eyebrow{font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);line-height:1.3}.dashboard{max-width:1400px;margin:0 auto;padding:var(--spacing-xl)}@media (max-width: 768px){.dashboard{padding:var(--spacing-md)}}.power-flow-section{margin-bottom:var(--spacing-xl)}.subtitle{color:var(--text-body);font-size:1.1rem;margin:0;font-weight:500}@media (max-width: 768px){.subtitle{font-size:.95rem}}.widgets{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 768px){.widgets{grid-template-columns:1fr;gap:var(--spacing-md)}}.widget{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal)}.widget:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-color-hover)}.widget h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--color-primary);border-bottom:2px solid var(--lomita-sunset);padding-bottom:var(--spacing-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.widget-large{grid-column:span 2}@media (max-width: 768px){.widget-large{grid-column:span 1}}.power-display{display:flex;align-items:baseline;justify-content:center;margin:var(--spacing-xl) 0;gap:var(--spacing-sm)}.power-value{font-size:4rem;font-weight:800;color:var(--color-secondary);line-height:1}.power-unit{font-size:2rem;color:var(--text-muted);font-weight:500}@media (max-width: 768px){.power-display{margin:var(--spacing-lg) 0}.power-value{font-size:3rem}.power-unit{font-size:1.5rem}}.stat-row{display:flex;justify-content:space-between;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--border-color)}.stat-row:last-child{border-bottom:none}.stat-label{color:var(--text-muted);font-weight:500;font-size:.95rem}.stat-value{color:var(--text-primary);font-weight:600;font-size:.95rem}.stat-highlight{justify-content:center;border:none;margin:var(--spacing-md) 0}.stat-value-large{font-size:2.5rem;font-weight:800;color:var(--color-secondary)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.error{text-align:center;padding:var(--spacing-xl);color:var(--lomita-deep-orange);background:linear-gradient(135deg,#fee,#fdd);border-radius:var(--radius-md);border:2px solid var(--color-primary);font-weight:500}.no-data{text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-style:italic}.timestamp{text-align:center;color:var(--text-muted);font-size:.85rem;margin-top:var(--spacing-sm)}.charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 1100px){.charts{grid-template-columns:1fr}}@media (max-width: 768px){.charts{grid-template-columns:1fr;gap:var(--spacing-md)}}.monthly-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:3px solid var(--border-color)}.section-header{margin:var(--spacing-xl) 0 var(--spacing-lg) 0;padding:var(--spacing-md) var(--spacing-lg);background:var(--lomita-sun-light);border-radius:var(--radius-md);border-left:4px solid var(--color-primary)}.section-header h2{margin:0 0 var(--spacing-xs) 0;font-size:1.3rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.section-header p{margin:0;font-size:.9rem;color:var(--text-muted);font-style:italic}.yearly-section{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:3px solid var(--border-color)}.chart-container{background:var(--bg-widget);border-radius:var(--radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:2px solid var(--border-color);transition:all var(--transition-normal);overflow-x:hidden;width:100%;max-width:100%}.chart-container:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}@media (max-width: 768px){.chart-container{padding:var(--spacing-md)}}.chart-container h2{margin-top:0;margin-bottom:var(--spacing-md);font-size:1.1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);flex-wrap:wrap;gap:var(--spacing-md)}.chart-header h2{margin:0}.chart-stats{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.chart-stats .stat{font-size:.875rem;color:var(--text-body)}.chart-stats .stat strong{color:var(--color-secondary);margin-right:var(--spacing-xs);font-weight:700}.chart-legend{display:flex;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.85rem;color:var(--text-body);font-weight:500}.legend-color{width:20px;height:12px;border-radius:var(--radius-sm);border:1px solid rgba(0,0,0,.1)}.chart-info{margin-top:var(--spacing-md);text-align:center}.info-text{margin:0;font-size:.85rem;color:var(--text-muted)}.custom-tooltip{background:var(--bg-elevated);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);border:2px solid var(--lomita-sunset);box-shadow:var(--shadow-md)}.custom-tooltip .label{margin:0 0 var(--spacing-xs) 0;font-size:.8rem;color:var(--text-muted);font-weight:500}.custom-tooltip .value{margin:0;font-size:.95rem;color:var(--text-primary);font-weight:700}.custom-tooltip strong{color:var(--color-secondary)}.date-range-picker{margin:var(--spacing-md) 0;padding:var(--spacing-md);background:var(--lomita-sun-light);border-radius:var(--radius-md);border:2px solid var(--border-color)}.preset-buttons{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.preset-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-widget);border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-primary);transition:all var(--transition-fast)}.preset-btn:hover{background:var(--lomita-sunset);color:var(--text-on-orange);border-color:var(--lomita-sunset);transform:translateY(-1px)}.date-inputs{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.date-input-group{display:flex;align-items:center;gap:var(--spacing-sm)}.date-input-group label{font-size:.875rem;font-weight:600;color:var(--text-body)}.date-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;background:var(--bg-widget);color:var(--text-body);transition:all var(--transition-fast);font-weight:500}.date-input:hover{border-color:var(--border-color-hover)}.date-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e85d2526}.date-range-info{margin-top:var(--spacing-md);text-align:center}.date-range-info .info-text{font-size:.875rem;color:var(--text-body);font-weight:600}.time-range-selector{display:flex;gap:0;background:var(--lomita-sun-light);padding:var(--spacing-xs);border-radius:var(--radius-sm);border:2px solid var(--border-color)}.time-btn{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:600;color:var(--text-body);transition:all var(--transition-fast)}.time-btn:hover{background:var(--bg-widget);color:var(--text-primary)}.time-btn.active{background:var(--color-primary);color:var(--text-on-orange)}.export-btn{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-secondary);color:var(--text-on-teal);border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-weight:700;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-sm)}.export-btn:hover{background:var(--lomita-teal-mid);transform:translateY(-1px);box-shadow:var(--shadow-md)}.export-btn:active{transform:translateY(0)}.export-btn:disabled{background:var(--text-muted);cursor:not-allowed;transform:none;opacity:.5}.chart-actions{display:flex;gap:var(--spacing-md);align-items:center;flex-wrap:wrap}.react-datepicker-wrapper{width:auto}.react-datepicker__input-container input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-sm);font-size:.875rem;cursor:pointer;background:var(--bg-widget);color:var(--text-body);font-weight:500}.react-datepicker__input-container input:hover{border-color:var(--border-color-hover)}.react-datepicker__input-container input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #e85d2526}footer{text-align:center;padding:var(--spacing-xl) 0;color:var(--text-muted);font-size:.9rem;border-top:2px solid var(--border-color);margin-top:var(--spacing-xl)}footer p{margin:0 0 var(--spacing-md) 0}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.footer-auth{display:flex;align-items:center;gap:1rem;font-size:.85rem}.footer-auth .user-email{color:var(--text-muted);opacity:.8}.footer-auth .logout-button{background:transparent;color:var(--text-muted);border:1px solid var(--border-color);padding:.4rem .8rem;border-radius:4px;font-weight:500;font-size:.85rem;cursor:pointer;transition:all .2s ease}.footer-auth .logout-button:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.footer-auth .logout-button:active{transform:translateY(0)}.header-content{display:block}.header-actions{display:none}@media (max-width: 768px){.footer-auth{flex-direction:column;gap:.5rem}}