.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{font-size:1.5rem;line-height:1}.sidebar-brand-text{font-size:1.1rem;font-weight:700;color:var(--text-primary);letter-spacing:-.02em}.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-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-footer{padding:1rem 1.5rem;border-top:1px solid var(--border)}.sidebar-footer-text{font-size:.7rem;color:var(--text-muted)}.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:40px;height:40px}.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%)}.sidebar--open{transform:translate(0)}.sidebar-mobile-toggle{display:flex}.sidebar-overlay{display:block}}.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{animation:infoFadeIn .25s ease}@keyframes infoFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.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-section{margin-bottom:1rem}.info-section:last-child{margin-bottom:0}.info-section-heading{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.35rem}.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}}: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}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}.header-row{display:flex;justify-content:space-between;align-items:center}.header-row>div{text-align:left}.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}.refresh-btn{background:var(--accent-blue);color:#fff;border:none;border-radius:8px;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;cursor:pointer;transition:background .2s ease,opacity .2s ease;white-space:nowrap}.refresh-btn:hover{background:#2563eb}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}@media(max-width:600px){.header-row{flex-direction:column;text-align:center;gap:.75rem}.header-row>div{text-align:center}}.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:4rem 1rem 1rem}.dashboard-top{grid-template-columns:1fr}}.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}.price-display{font-size:3rem;font-weight:700;letter-spacing:-.03em;line-height:1;margin-bottom:.3rem}.price-display .unit{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-left:.5rem}.price-time{color:var(--text-muted);font-size:.75rem;margin-bottom:1rem}.stale-badge{display:inline-block;background:#eab30826;color:var(--accent-yellow);font-size:.75rem;font-weight:500;padding:.2rem .6rem;border-radius:6px;border:1px solid rgba(234,179,8,.3);margin-bottom:.75rem}.current-price{display:flex;flex-direction:column}.sparkline{flex:1;min-height:100px;position:relative}.sparkline-inner{position:absolute;inset:0}.price-stats{display:flex;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.price-stat{flex:1;text-align:center}.price-stat-label{display:block;font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.15rem}.price-stat-value{font-size:1.1rem;font-weight:600}.gen-total{text-align:center;color:var(--text-muted);font-size:.8rem;margin-top:.5rem}.gen-zero-sources{text-align:center;color:var(--text-muted);font-size:.7rem;margin-top:.3rem;font-style:italic}.gen-categories{display:flex;gap:1rem;justify-content:center;margin-top:.5rem}.gen-category{text-align:center}.gen-category-label{color:var(--text-muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.05em}.gen-category-value{font-weight:600;font-size:.85rem;color:var(--text-primary)}.interconn-summary{display:flex;flex-direction:column;gap:0;margin-bottom:1rem}.flow-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--border)}.flow-row:last-child{border-bottom:none}.flow-net{margin-top:.25rem;padding-top:.75rem;border-top:1px solid var(--border)}.flow-country{font-size:.85rem;font-weight:500;min-width:80px}.flow-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.flow-arrow{font-size:.85rem}.flow-import{color:var(--accent-green)}.flow-export{color:var(--accent-red)}.flow-direction{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;min-width:80px;text-align:right}.renewable-share{text-align:center}.renewable-share .share-value{font-size:3rem;font-weight:700;line-height:1;margin:.5rem 0 .3rem}.renewable-share .share-bar{height:8px;background:var(--bg-primary);border-radius:4px;overflow:hidden;margin:.75rem 0}.renewable-share .share-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.renewable-share .share-details{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.renewable-share .share-demand{font-size:.75rem;color:var(--text-muted);margin-top:.5rem}.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{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)}.cv-table td{padding:.4rem .5rem;border-bottom:1px solid rgba(51,65,85,.5)}.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)}.placeholder-page{min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.placeholder-content{text-align:center;max-width:500px}.placeholder-icon{font-size:3rem;display:block;margin-bottom:1rem;opacity:.6}.placeholder-content p{color:var(--text-secondary);font-size:1rem;margin-bottom:.5rem}.placeholder-sub{color:var(--text-muted)!important;font-size:.85rem!important;line-height:1.6}.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}.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)}