.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border)}.sidebar-brand-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;color:var(--accent-blue)}.sidebar-brand-text{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.sidebar-env-badge{font-size:.6rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.sidebar-env-badge--v2{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.sidebar-env-badge--main{background:#3b82f626;color:#93c5fd;border:1px solid rgba(59,130,246,.3)}.country-select{position:relative;padding:.75rem;border-bottom:1px solid var(--border)}.country-select-trigger{display:flex;align-items:center;gap:.6rem;width:100%;padding:.55rem .75rem;background:var(--bg-primary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.85rem;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .2s ease}.country-select-trigger:hover{border-color:#475569}.country-flag{font-size:1.1rem;line-height:1}.country-name{flex:1;text-align:left}.country-chevron{font-size:.7rem;color:var(--text-muted)}.country-select-backdrop{position:fixed;inset:0;z-index:149}.country-select-dropdown{position:absolute;top:100%;left:.75rem;right:.75rem;margin-top:.25rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.35rem;list-style:none;z-index:150;max-height:280px;overflow-y:auto;box-shadow:0 8px 24px #00000059;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.country-option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.5rem .65rem;background:none;border:none;border-radius:6px;color:var(--text-primary);font-size:.8rem;font-family:inherit;cursor:pointer;transition:background .15s ease;text-align:left}.country-option:hover:not(:disabled){background:var(--bg-panel-hover)}.country-option--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.country-option--disabled{opacity:.4;cursor:not-allowed}.country-soon{margin-left:auto;font-size:.65rem;font-weight:500;color:var(--text-muted);background:var(--bg-primary);padding:.1rem .4rem;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;font-family:inherit;cursor:pointer;transition:background .2s ease,color .2s ease;text-align:left}.sidebar-nav-item:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-nav-item--active{background:var(--sidebar-active-bg);color:var(--sidebar-active-color)}.sidebar-nav-item--active:hover{background:#3b82f62e;color:var(--sidebar-active-color)}.sidebar-nav-item--highlighted{background:var(--sidebar-active-bg);color:var(--sidebar-active-color);transition:background .2s,color .2s}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-nav-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-nav-badge{font-size:.55rem;font-weight:600;padding:.1rem .4rem;border-radius:4px;background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3);text-transform:uppercase;letter-spacing:.04em}.sidebar-nav-item-wrapper{display:flex;flex-direction:column}.sidebar-nav-chevron{margin-left:auto;font-size:1rem;line-height:1;color:var(--text-muted);opacity:.5;display:inline-block;transition:transform .2s ease,opacity .15s}.sidebar-nav-chevron--open{transform:rotate(90deg);opacity:1}.sidebar-nav-item:hover .sidebar-nav-chevron{opacity:1}.sidebar-sub-dropdown{overflow:hidden;max-height:0;transition:max-height .2s ease;margin-left:1rem;border-left:2px solid var(--border);padding-left:.25rem}.sidebar-sub-dropdown--open{max-height:200px}.sidebar-sub-item{display:block;width:100%;padding:.45rem .75rem;background:none;border:none;border-radius:6px;color:var(--text-secondary);font-size:.8rem;font-weight:400;font-family:inherit;cursor:pointer;text-align:left;transition:background .15s ease,color .15s ease}.sidebar-sub-item:hover{background:var(--bg-panel-hover);color:var(--text-primary)}.sidebar-sub-item--active{color:var(--sidebar-active-color);font-weight:500}.sidebar-footer{padding:.75rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.5rem}.sidebar-footer-links{display:flex;flex-direction:column;gap:.2rem}.sidebar-footer-link{display:flex;align-items:center;gap:.6rem;padding:.45rem .75rem;border-radius:6px;color:var(--text-secondary);font-size:.78rem;font-weight:450;text-decoration:none;transition:background .15s,color .15s}.sidebar-footer-link:hover{background:var(--bg-panel-hover);color:var(--accent-blue)}.sidebar-footer-link svg{flex-shrink:0;opacity:.7;transition:opacity .15s}.sidebar-footer-link:hover svg{opacity:1;color:var(--accent-blue)}.sidebar-footer-text{font-size:.65rem;color:var(--text-muted);padding:0 .75rem .25rem}.sidebar-mobile-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:200;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;padding:.5rem;cursor:pointer;width:44px;height:44px}.hamburger{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:100%;height:100%}.hamburger span{display:block;width:18px;height:2px;background:var(--text-primary);border-radius:1px;transition:transform .3s ease,opacity .3s ease}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:90}@media(max-width:768px){.sidebar{transform:translate(-100%);will-change:transform}.sidebar--open{transform:translate(0)}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{display:block}}@media(prefers-reduced-motion:reduce){.sidebar,.hamburger span,.sidebar-sub-dropdown{transition:none}}.info-panel{width:300px;flex-shrink:0;position:sticky;top:1.5rem;align-self:flex-start;max-height:calc(100vh - 3rem);overflow-y:auto;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.info-panel::-webkit-scrollbar{width:4px}.info-panel::-webkit-scrollbar-track{background:transparent}.info-panel::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.info-panel-content{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.info-panel-title{font-size:.95rem;font-weight:700;color:var(--accent-blue);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.info-freshness{display:flex;align-items:center;gap:.4rem;font-size:.7rem;color:var(--accent-green);margin-bottom:.75rem;padding:.35rem .6rem;background:#22c55e14;border-radius:6px;border:1px solid rgba(34,197,94,.15)}.info-freshness-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-green);flex-shrink:0;animation:freshnessPulse 2s ease infinite}@keyframes freshnessPulse{0%,to{opacity:1}50%{opacity:.4}}.info-section{margin-bottom:.5rem;border-bottom:1px solid rgba(51,65,85,.3);padding-bottom:.5rem}.info-section:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0}.info-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;padding:.35rem 0;cursor:pointer;font-family:inherit}.info-section-toggle:hover .info-section-heading{color:var(--text-primary)}.info-section-heading{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0;transition:color .15s ease}.info-section-chevron{font-size:.6rem;color:var(--text-muted);flex-shrink:0}.info-section-body{animation:infoFadeIn .2s ease;padding-top:.25rem}.info-section-text{font-size:.8rem;color:var(--text-muted);line-height:1.55}.info-section-list{list-style:none;display:flex;flex-direction:column;gap:.4rem}.info-section-list li{font-size:.78rem;color:var(--text-muted);line-height:1.5;padding-left:.9rem;position:relative}.info-section-list li:before{content:"";position:absolute;left:0;top:.5em;width:4px;height:4px;border-radius:50%;background:var(--accent-blue)}.info-panel-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2rem 1rem;min-height:200px}.info-panel-empty-icon{font-size:2rem;color:var(--text-muted);opacity:.4;margin-bottom:.75rem}.info-panel-empty p{font-size:.8rem;color:var(--text-muted);line-height:1.5}@media(max-width:1100px){.info-panel{display:none}}@keyframes skeletonPulse{0%,to{opacity:.4}50%{opacity:.15}}.skeleton-block{background:var(--bg-panel-hover);animation:skeletonPulse 1.5s ease-in-out infinite}.skeleton-panel{pointer-events:none}.panel-refreshing{position:relative}.panel-refreshing:after{content:"";position:absolute;inset:0;background:#0f172a4d;border-radius:var(--radius);pointer-events:none;animation:refreshPulse 1.2s ease-in-out infinite alternate;will-change:opacity;z-index:1}@keyframes refreshPulse{0%{opacity:.15}to{opacity:.4}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--sidebar-bg);border-top:1px solid var(--border);z-index:100;justify-content:space-around;align-items:center;padding-bottom:env(safe-area-inset-bottom,0)}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:44px;min-height:44px;padding:4px 8px;border:none;background:none;color:var(--text-muted);cursor:pointer;font-family:inherit;transition:color .15s ease;-webkit-tap-highlight-color:transparent}.bottom-nav-item:active{opacity:.7}.bottom-nav-item--active{color:var(--accent-blue)}.bottom-nav-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px}.bottom-nav-label{font-size:.6rem;font-weight:500;letter-spacing:.01em}}:root{--bg-primary: #0f172a;--bg-panel: #1e293b;--bg-panel-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-blue: #3b82f6;--accent-green: #22c55e;--accent-yellow: #eab308;--accent-red: #ef4444;--border: #334155;--radius: 12px;--sidebar-width: 260px;--sidebar-bg: var(--bg-panel);--sidebar-active-bg: rgba(59, 130, 246, .12);--sidebar-active-color: var(--accent-blue)}*{margin:0;padding:0;box-sizing:border-box}.global-loading-bar{position:fixed;top:0;left:0;right:0;height:2px;background:var(--accent-blue);z-index:9999;animation:loadingSlide 1.5s ease-in-out infinite;will-change:transform}.panel{contain:layout style}@keyframes loadingSlide{0%{transform:translate(-100%)}50%{transform:translate(0)}to{transform:translate(100%)}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app-layout{display:flex;min-height:100vh}.main-content{margin-left:var(--sidebar-width);flex:1;padding:1.5rem 2rem;min-height:100vh;display:flex;flex-direction:column}.content-with-info{display:flex;gap:1.5rem;flex:1;align-items:flex-start}.content-with-info .dashboard{flex:1;min-width:0}.app-header{margin-bottom:2rem}.app-header h1{font-size:1.8rem;font-weight:700;letter-spacing:-.02em}.app-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.3rem}.dashboard{display:flex;flex-direction:column;gap:1.5rem}.dashboard-top{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.dashboard-full{width:100%}@media(max-width:768px){.main-content{margin-left:0;padding:3.5rem .75rem .75rem;padding-bottom:64px}.dashboard-top{grid-template-columns:1fr}.eval-source-menu{max-width:calc(100vw - 1.5rem)}}.feature-bar-col{width:120px}@media(max-width:640px){.feature-bar-col{width:70px}}@media(max-width:640px){.forecast-status-bar{gap:.6rem!important;padding:.5rem .75rem!important}.forecast-status-clock{width:100%;border-right:none!important;padding-right:0!important;padding-bottom:.4rem;border-bottom:1px solid #334155;margin-bottom:.1rem}.forecast-status-card{border-right:none!important;padding-right:0!important;flex:1 1 calc(50% - .3rem);min-width:0;flex-wrap:wrap}.accuracy-summary-grid{grid-template-columns:1fr 1fr!important}}.panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .2s ease}.panel:hover{border-color:#475569}.panel h2{font-size:1rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.panel h3{font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-top:1.2rem;margin-bottom:.5rem}.panel .subtitle{color:var(--text-muted);font-size:.8rem;margin-top:-.5rem;margin-bottom:1rem}.panel.loading,.panel.error{display:flex;align-items:center;justify-content:center;min-height:150px;color:var(--text-muted)}.panel.error{color:var(--accent-red)}.panel-description{color:var(--text-muted);font-size:.7rem;margin-top:-.7rem;margin-bottom:.75rem;font-style:italic}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1rem}@media(max-width:600px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-card{background:var(--bg-primary);border-radius:8px;padding:1rem;text-align:center}.metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.3rem}.metric-value{font-size:1.4rem;font-weight:700;color:var(--accent-blue)}.metric-unit{font-size:.75rem;font-weight:400;color:var(--text-secondary)}.no-data{color:var(--text-muted);font-size:.85rem;text-align:center;padding:1rem;line-height:1.5}.model-info{margin-top:1rem}.info-row{display:flex;justify-content:space-between;padding:.3rem 0;font-size:.85rem;border-bottom:1px solid var(--border)}.info-row span:first-child{color:var(--text-muted)}.cv-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.cv-table{width:100%;font-size:.8rem;border-collapse:collapse;margin-top:.5rem}.cv-table th{text-align:left;color:var(--text-muted);font-weight:500;padding:.4rem .5rem;border-bottom:1px solid var(--border);white-space:nowrap}.cv-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(51,65,85,.5);white-space:nowrap}.feature-list{display:flex;flex-direction:column;gap:.3rem}.feature-bar-row{display:grid;grid-template-columns:180px 1fr 50px;align-items:center;gap:.5rem;font-size:.75rem}.feature-name{color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feature-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden}.feature-bar-fill{height:100%;background:var(--accent-blue);border-radius:4px;transition:width .3s ease}.feature-value{text-align:right;color:var(--text-muted)}@media(max-width:768px){.feature-bar-row{grid-template-columns:120px 1fr 40px;font-size:.7rem}}@media(max-width:500px){.feature-bar-row{grid-template-columns:80px 1fr 35px;font-size:.65rem}}.wip-banner{padding:.75rem 1rem;border-left:3px solid var(--accent-yellow);display:flex;align-items:center;gap:.75rem}.wip-banner-badge{font-size:1rem;font-weight:700;color:var(--accent-yellow)}.wip-banner-title{font-size:.85rem;font-weight:600;color:var(--accent-yellow)}.wip-banner-desc{font-size:.75rem;color:var(--text-secondary)}.storage-hero-value{font-size:2.5rem;font-weight:700;color:var(--accent-blue);line-height:1;margin:.75rem 0 .25rem}.storage-unit{font-size:1rem;font-weight:400;color:var(--text-secondary)}.storage-sub-value{font-size:.8rem;color:var(--text-muted);margin-bottom:1rem}.storage-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.storage-detail{background:var(--bg-primary);border-radius:6px;padding:.6rem .75rem;text-align:left}.storage-detail-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.15rem}.storage-detail-value{font-size:.8rem;font-weight:600;color:var(--text-primary)}.storage-context-content{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1rem}.storage-context-section h3{font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.storage-context-section p{font-size:.8rem;color:var(--text-muted);line-height:1.6}.storage-facilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem}.storage-facility-card{background:var(--bg-primary);border-radius:8px;padding:1rem}.facility-name{font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.facility-capacity{font-size:1.2rem;font-weight:700;color:var(--accent-blue)}.facility-location,.facility-operator{font-size:.75rem;color:var(--text-muted)}@media(max-width:768px){.storage-context-content,.storage-facilities-grid{grid-template-columns:1fr}}.app-footer{text-align:center;color:var(--text-muted);font-size:.75rem;padding:2rem 0 1rem;border-top:1px solid var(--border);margin-top:2rem}.footer-stats{margin-top:.3rem;color:var(--text-muted);opacity:.8}.footer-legal{margin-top:.5rem;color:var(--text-muted);opacity:.7;font-size:.7rem}.footer-link{background:none;border:none;color:var(--accent-blue);cursor:pointer;font-size:.7rem;padding:0;text-decoration:underline}.footer-link:hover{opacity:.8}.privacy-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.privacy-modal{background:var(--card-bg, #1e293b);border:1px solid var(--border);border-radius:.75rem;padding:2rem;max-width:480px;width:90%;color:var(--text-secondary, #cbd5e1);font-size:.85rem;line-height:1.6}.privacy-modal h3{color:var(--text-primary, #f1f5f9);margin:0 0 1rem;font-size:1.1rem}.privacy-modal p{margin:0 0 .75rem}.privacy-modal a{color:var(--accent-blue)}.privacy-close{margin-top:.5rem;padding:.4rem 1.2rem;background:var(--accent-blue);color:#fff;border:none;border-radius:.375rem;cursor:pointer;font-size:.8rem}.privacy-close:hover{opacity:.9}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-text{fill:var(--text-muted)}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--bg-panel)!important;border:1px solid var(--border)!important;border-radius:8px}.recharts-tooltip-item{color:var(--text-primary)!important}.recharts-legend-item-text{color:var(--text-secondary)!important}.trend-indicator{font-size:.7rem;margin-left:.3rem}.eval-period-note{color:var(--text-muted);font-size:.75rem;text-align:center;margin-top:.5rem}.weather-chart .chart-section-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-top:.75rem;margin-bottom:.25rem}.weather-legend{display:flex;gap:1.5rem;justify-content:center;margin-top:.75rem;font-size:.75rem;color:var(--text-secondary)}.weather-legend-item{display:flex;align-items:center;gap:.35rem}.weather-legend-line{display:inline-block;width:18px;height:2px;border-radius:1px}.weather-legend-bar{display:inline-block;width:8px;height:10px;border-radius:1px;opacity:.6}.weather-legend-dash{display:inline-block;width:18px;height:0;border-top:2px dashed var(--text-muted)}.zone-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media(max-width:900px){.zone-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.zone-grid{grid-template-columns:1fr}}.zone-card{background:var(--bg-primary);border-radius:8px;padding:1rem}.zone-name{font-size:.85rem;font-weight:600;color:var(--text-primary);margin-bottom:.15rem}.zone-stations{font-size:.65rem;color:var(--text-muted);margin-bottom:.75rem}.zone-no-data{color:var(--text-muted);font-size:.8rem;font-style:italic}.zone-metrics{display:flex;flex-direction:column;gap:.4rem}.zone-metric{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.zone-metric-icon{width:16px;height:16px;flex-shrink:0;color:var(--text-muted)}.zone-metric-value{font-weight:600;color:var(--text-primary)}.zone-metric-range{font-size:.7rem;color:var(--text-muted)}.zone-metric-label{font-size:.65rem;color:var(--text-muted)}.price-heatmap{overflow:visible}.heatmap-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.heatmap-header h2{margin-bottom:.25rem}.heatmap-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.heatmap-table{width:100%;border-collapse:separate;border-spacing:2px;font-size:.7rem;min-width:800px}.heatmap-table th{font-weight:500;color:var(--text-muted);padding:.3rem 0;text-align:center;font-size:.65rem;text-transform:uppercase;letter-spacing:.03em}.heatmap-day-header{text-align:left!important;width:80px;min-width:80px}.heatmap-hour-header{width:32px;min-width:28px}.heatmap-summary-header{width:42px;min-width:42px;color:var(--text-muted)}.heatmap-day-cell{padding:.35rem .5rem;white-space:nowrap;position:sticky;left:0;background:var(--bg-panel);z-index:1}.heatmap-day-label{font-weight:600;font-size:.75rem;color:var(--text-secondary)}.heatmap-today-badge{display:inline-block;background:#3b82f626;color:var(--accent-blue);font-size:.6rem;font-weight:600;padding:.1rem .35rem;border-radius:4px;margin-left:.4rem;vertical-align:middle}.heatmap-cell{text-align:center;padding:.3rem .15rem;border-radius:3px;font-weight:600;font-size:.7rem;cursor:default;position:relative;transition:opacity .15s}.heatmap-cell:hover{opacity:.8;outline:1px solid rgba(241,245,249,.4)}.heatmap-cell-actual{border-bottom:2px solid rgba(241,245,249,.35)}.heatmap-cell-cheap{box-shadow:inset 0 0 0 1px #22c55e80}.heatmap-star{font-size:.55rem;color:var(--accent-green);position:absolute;top:1px;right:2px}.heatmap-star-expensive{color:#ef4444;font-size:.5rem}.heatmap-cell-expensive{box-shadow:inset 0 0 0 1px #ef444466}.heatmap-cell-avg{opacity:.7}.heatmap-summary-cell{text-align:center;padding:.3rem .25rem;font-size:.7rem;font-weight:500;color:var(--text-secondary);border-radius:3px}.heatmap-row-today .heatmap-day-cell{border-left:2px solid var(--accent-blue)}.heatmap-row-avg{border-top:1px solid var(--border)}.heatmap-row-avg .heatmap-day-cell{padding-top:.6rem}.heatmap-legend{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border);font-size:.7rem;color:var(--text-muted)}.heatmap-legend-item{display:flex;align-items:center;gap:.3rem}.heatmap-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:2px}.heatmap-legend-actual{background:transparent;border-bottom:2px solid rgba(241,245,249,.35);height:10px;width:14px}.price-drivers-panel .weather-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}@media(max-width:768px){.price-drivers-panel .weather-badges{grid-template-columns:repeat(2,1fr)}}.weather-badge{background:var(--bg-primary);border-radius:8px;padding:.75rem}.weather-badge-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.2rem}.weather-badge-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:.1rem}.weather-badge-qualifier{font-size:.7rem;font-weight:500;margin-bottom:.1rem}.weather-badge-impact{font-size:.65rem;color:var(--text-muted);font-style:italic}.drivers-insights{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid var(--border)}.drivers-insight-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.75rem;padding:.35rem .7rem;border-radius:6px;background:#3b82f614;color:var(--text-secondary);border:1px solid rgba(59,130,246,.15)}.drivers-insight-badge.insight-positive{background:#22c55e14;border-color:#22c55e26;color:#86efac}.drivers-insight-badge.insight-negative{background:#ef444414;border-color:#ef444426;color:#fca5a5}.overlay-toggle{display:flex;justify-content:center;gap:.25rem;margin-bottom:.5rem}.overlay-toggle-btn{background:var(--bg-primary);color:var(--text-muted);border:1px solid var(--border);border-radius:5px;padding:.25rem .65rem;font-size:.7rem;cursor:pointer;transition:all .2s}.overlay-toggle-btn:hover{color:var(--text-secondary);border-color:#475569}.overlay-toggle-btn.active{background:#3b82f61f;color:var(--accent-blue);border-color:#3b82f64d}.forecast-confidence-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;color:var(--text-muted);background:var(--bg-primary);padding:.2rem .6rem;border-radius:5px;border:1px solid var(--border)}.maintenance-overlay{position:fixed;inset:0;z-index:10000;background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.maintenance-card{text-align:center;max-width:420px;padding:2.5rem 2rem}.maintenance-spinner{width:48px;height:48px;margin:0 auto 1.5rem;border:3px solid var(--border);border-top-color:var(--accent-blue);border-radius:50%;animation:maintenanceSpin 1s linear infinite}@keyframes maintenanceSpin{to{transform:rotate(360deg)}}.maintenance-title{font-size:1.4rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.maintenance-message{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.maintenance-sub{color:var(--text-muted);font-size:.8rem}.smart-panel-loading{position:relative}.smart-panel-message{display:flex;align-items:center;gap:8px;justify-content:center;padding:.5rem 1rem;margin-top:-.5rem;font-size:.8rem;color:var(--text-muted);transition:color .3s}.smart-panel-message.smart-panel-slow{color:#f59e0b}.smart-panel-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:smartPulse 1.2s ease-in-out infinite;flex-shrink:0}@keyframes smartPulse{0%,to{opacity:.3}50%{opacity:1}}.smart-panel-error{display:flex;align-items:center;justify-content:center;min-height:180px}.smart-panel-error-content{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center;padding:1.5rem}.smart-panel-error-icon{font-size:1.5rem;opacity:.7}.smart-panel-error-text{color:var(--text-secondary);font-size:.85rem;margin:0;max-width:400px}.smart-panel-retry{margin-top:.25rem;padding:6px 18px;border-radius:6px;border:1px solid #334155;background:#3b82f61a;color:#93c5fd;font-size:.8rem;cursor:pointer;transition:all .2s}.smart-panel-retry:hover{background:#3b82f633;border-color:#3b82f6}.sub-card{background:var(--bg-primary);border:1px solid rgba(255,255,255,.06);border-radius:6px;padding:.5rem .6rem;display:flex;flex-direction:column;transition:border-color .2s ease}.sub-card--accent-blue{border-left:3px solid #3b82f6}.sub-card--accent-green{border-left:3px solid #22c55e}.sub-card--accent-yellow{border-left:3px solid #f59e0b}.sub-card--accent-red{border-left:3px solid #ef4444}.home-page{position:relative}.home-annotations{position:absolute;left:2rem;top:.5rem;width:220px;display:flex;flex-direction:column;gap:2.5rem;pointer-events:none}.home-annotation{display:flex;flex-direction:column;align-items:flex-start;pointer-events:auto;cursor:pointer}.home-annotation:hover .home-annotation-text,.home-annotation--active .home-annotation-text{color:var(--accent-blue)}.home-annotation-text{font-family:Caveat,cursive;font-size:1.65rem;font-weight:500;color:#8b9bb4;line-height:1.2;display:block;margin-left:3rem;transition:color .2s}.home-annotation-lines{position:absolute;top:0;left:-2rem;width:calc(100% + 2rem);height:360px;pointer-events:none;overflow:visible}.home-annotation-line{color:#586880;transition:color .2s}.home-annotation-line--active{color:var(--accent-blue)}.home-external{position:absolute;right:0;top:.75rem;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.home-external-btn{display:flex;align-items:center;gap:.5rem;padding:.45rem .85rem;background:var(--bg-panel);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;white-space:nowrap}.home-external-btn:hover{background:var(--bg-panel-hover);color:var(--accent-blue);border-color:#3b82f64d}.home-external-btn svg{flex-shrink:0;opacity:.6;transition:opacity .2s}.home-external-btn:hover svg{opacity:1;color:var(--accent-blue)}.home-external-arrow{font-size:.75rem;margin-left:auto;opacity:.4;transition:transform .2s,opacity .2s}.home-external-btn:hover .home-external-arrow{transform:translate(2px);opacity:.8}.home-hero{text-align:center;padding:1rem 0 1.5rem;max-width:600px;margin:0 auto}.home-hero-logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.home-hero-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}.home-hero-subtitle{font-size:.95rem;color:var(--text-secondary);line-height:1.6;margin:0 auto 1.25rem;max-width:520px}.home-hero-nav{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.home-hero-nav-btn{display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:#1e293b80;border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.85rem;font-weight:500;cursor:pointer;transition:border-color .2s,background .2s,transform .15s;font-family:inherit}.home-hero-nav-btn:hover{border-color:var(--accent-blue);background:#3b82f60f;transform:translateY(-1px)}.home-hero-nav-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:#3b82f61a;color:var(--accent-blue);flex-shrink:0}.home-hero-nav-label{white-space:nowrap}.home-hero-nav-arrow{color:var(--text-muted);transition:transform .2s,color .2s;flex-shrink:0}.home-hero-nav-btn:hover .home-hero-nav-arrow{transform:translate(3px);color:var(--accent-blue)}.home-section-label{font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.home-chart-wrap{position:relative;max-width:900px;margin:0 auto;cursor:pointer;border-radius:var(--radius);border:1px solid transparent;transition:box-shadow .25s,border-color .25s}.home-chart-wrap:hover{border-color:#3b82f64d;box-shadow:0 0 24px #3b82f61f}.home-chart-wrap:after{content:"View full forecast →";position:absolute;bottom:.75rem;right:1rem;font-size:.75rem;color:var(--accent-blue);opacity:0;transition:opacity .25s;pointer-events:none}.home-chart-wrap:hover:after{opacity:1}.home-products-wrap{max-width:900px;margin:0 auto;padding-top:.5rem}.home-timeline{margin-bottom:1.25rem}.home-timeline-labels{display:flex;margin-bottom:.5rem;font-size:.8rem;font-weight:600}.home-timeline-label--da{width:calc(100% / 7);color:#22d3ee}.home-timeline-label--strat{flex:1;text-align:center;color:#a78bfa}.home-timeline-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#ffffff0d}.home-timeline-bar-da{width:calc(100% / 7);background:linear-gradient(90deg,#22d3ee,#06b6d4);border-radius:3px 0 0 3px}.home-timeline-bar-strat{flex:1;background:linear-gradient(90deg,#8b5cf6,#6d28d9);border-radius:0 3px 3px 0}.home-timeline-ticks{display:flex;margin-top:.4rem}.home-timeline-tick{flex:1;text-align:center;font-size:.7rem;color:var(--text-muted)}.home-timeline-tick:first-child{text-align:left}.home-timeline-tick:last-child{text-align:right}.home-products-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.home-product-card{background:#1e293b73;border:none;border-left:3px solid #22d3ee;border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;transition:background .2s,border-color .2s}.home-product-card--link{cursor:pointer}.home-product-card--link:hover{background:#1e293bb3}.home-product-card--strat{border-left-color:#8b5cf6}.home-product-header{display:flex;align-items:center;gap:.6rem}.home-product-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#22d3ee26;color:#22d3ee;font-size:.75rem;font-weight:700;flex-shrink:0}.home-product-badge--strat{background:#8b5cf626;color:#a78bfa}.home-product-title{font-size:1.05rem;font-weight:600;color:var(--text-primary);margin:0}.home-product-delivery{font-size:.8rem;color:#22d3ee;margin:0}.home-product-delivery--strat{color:#a78bfa}.home-product-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.55;margin:0;flex:1}.home-product-stats{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.home-product-stats-dot{color:var(--text-muted)}@media(max-width:1100px){.home-annotations{display:none}}@media(max-width:900px){.home-external{display:none}}@media(max-width:768px){.home-hero-nav{flex-direction:column;align-items:center}.home-hero-nav-btn{width:100%;max-width:280px}}@media(max-width:600px){.home-products-grid{grid-template-columns:1fr}.home-hero-title{font-size:1.5rem}.home-hero-subtitle{font-size:.85rem}}.eval-context-bar{contain:style;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1.5rem;flex-wrap:wrap}.eval-context-group{display:flex;align-items:center;gap:6px}.eval-context-label{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-right:4px}.eval-context-btn{padding:4px 14px;font-size:.8rem;font-family:inherit;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;font-weight:400}.eval-context-btn:hover{border-color:#475569;color:var(--text-primary)}.eval-context-btn--active{border-color:var(--accent-blue);background:#3b82f61f;color:#93c5fd;font-weight:600}.eval-context-btn--disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.eval-source-dropdown{position:relative}.eval-source-trigger{display:inline-flex;align-items:center}.eval-source-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:200px;max-height:min(70vh,420px);overflow-y:auto;background:var(--panel-bg, #0f172a);border:1px solid var(--border, #1e293b);border-radius:8px;box-shadow:0 8px 24px #00000080;padding:4px 0;animation:eval-dropdown-in .12s ease-out}@keyframes eval-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.eval-source-section{padding:6px 12px 4px;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#475569;-webkit-user-select:none;user-select:none}.eval-source-item{display:flex;align-items:center;width:100%;padding:6px 12px;font-size:.8rem;font-family:inherit;background:none;border:none;color:var(--text-secondary, #94a3b8);cursor:pointer;text-align:left;transition:background .1s,color .1s}.eval-source-item:hover{background:#3b82f614;color:var(--text-primary, #e2e8f0)}.eval-source-item--active{color:#93c5fd;font-weight:600;background:#3b82f61f}.eval-source-badge{margin-left:auto;padding:1px 6px;font-size:.6rem;font-weight:600;border-radius:4px;background:#fbbf2426;color:#fbbf24;text-transform:uppercase;letter-spacing:.04em}.no-data-reason{display:flex;flex-direction:column;align-items:center;gap:8px;padding:2rem 1.5rem;text-align:center;max-width:420px;margin:0 auto}.no-data-reason__icon{color:#475569;opacity:.7}.no-data-reason__title{font-size:.85rem;font-weight:600;color:#94a3b8}.no-data-reason__message{font-size:.75rem;color:#64748b;line-height:1.5}.price-drivers-summary-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}@media(max-width:900px){.price-drivers-summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.price-drivers-summary-grid{grid-template-columns:repeat(2,1fr)}}.eval-sub-tabs{display:flex;gap:0;border-bottom:1px solid #334155;margin-bottom:.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.eval-sub-tabs::-webkit-scrollbar{display:none}.eval-sub-tabs button{padding:.6rem 1.5rem;font-size:.85rem;font-weight:400;font-family:inherit;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;letter-spacing:.02em;white-space:nowrap}.eval-sub-tabs button:hover{color:var(--text-primary)}.eval-sub-tabs button.eval-sub-tab--active{font-weight:600;color:#93c5fd;border-bottom-color:var(--accent-blue)}.approach-bar{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:.75rem 1.5rem;flex-wrap:wrap}.approach-bar-info{font-size:.7rem;color:#475569}.approach-bar-mae{margin-left:12px;color:var(--text-muted)}.approach-bar-mae-value{color:#93c5fd;font-weight:600}.metric-positive{color:#22c55e}.metric-negative{color:#ef4444}.metric-warning{color:#eab308}.metric-muted{color:var(--text-muted)}.metric-info{color:var(--accent-blue)}.metric-best-row{color:#22c55e}.metric-best-row td:first-child{font-weight:700}.metric-naive-row{color:#94a3b8;font-style:italic}.trend-indicator{margin-left:6px;font-size:.7rem}.horizon-details{margin-top:1rem}.horizon-details summary{cursor:pointer;color:#94a3b8;font-size:.85rem}.horizon-bucket{margin-top:.75rem}.horizon-bucket-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.25rem;font-weight:600}@media(max-width:768px){.panel{padding:1rem}.eval-context-bar{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem 1rem}.eval-context-bar button{padding:5px 10px;min-height:44px;font-size:.75rem}.eval-sub-tabs button{padding:.5rem 1rem;font-size:.8rem}.approach-bar{flex-direction:column;align-items:flex-start;gap:.6rem;padding:.75rem 1rem}.approach-bar button{padding:5px 10px;min-height:44px;font-size:.75rem}.home-chart-wrap{max-width:100%}.app-footer{margin-bottom:56px}}@media(max-width:768px){.scroll-hint-x{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.scroll-hint-x::-webkit-scrollbar{height:4px}.scroll-hint-x::-webkit-scrollbar-track{background:transparent}.scroll-hint-x::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}}@media(prefers-reduced-motion:reduce){.global-loading-bar,.skeleton-block,.panel-refreshing:after,.info-freshness-dot,.maintenance-spinner,.smart-panel-dot{animation:none!important}}