*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07090E;--surface: #0C1020;--border: #1A2238;--text: #E8EBF0;--muted: #506070;--amber: #F5A623;--green: #10C977;--red: #EF4444}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;color-scheme:dark;-webkit-font-smoothing:antialiased}code{font-family:ui-monospace,monospace}input,select,button{color-scheme:dark}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar{width:236px;flex-shrink:0;height:100vh;position:sticky;top:0;align-self:flex-start}.mobile-topbar,.sidebar-backdrop{display:none}.page-topbar{padding:0 28px}.page-content{padding:24px 28px}.global-tickerbar{background:#0c1020;border-bottom:1px solid #1C2433;height:42px;display:flex;align-items:center;gap:16px;flex-shrink:0}@media (max-width: 768px){.global-tickerbar{display:none}}.login-screen{position:relative;overflow:hidden}.login-screen:before{content:"";position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;background:url(/login-bg2.jpg) center 55% / cover no-repeat;filter:brightness(.55) saturate(.95) contrast(1.05);opacity:0;animation:loginFade 1.4s ease-out .1s forwards,loginZoom 16s ease-out forwards}.login-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 45% 50% at 50% 48%,#07090e8c,#07090e00),radial-gradient(ellipse 120% 90% at 50% 45%,#07090e00 50%,#07090ebf),linear-gradient(180deg,#07090e8c,#07090e1a 30%,#07090e26 62%,#07090ed9 90%,#07090e)}.login-screen>*{position:relative;z-index:1}.login-card{background:#0e15259e;border:1px solid rgba(205,213,224,.1);backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 20px 60px #00000073}.login-foot{position:absolute!important;left:0;right:0;bottom:calc(5vh + env(safe-area-inset-bottom));text-align:center;font-size:9px;font-weight:600;letter-spacing:.24em;color:#cdd5e08c;text-transform:uppercase;white-space:nowrap}@keyframes loginFade{to{opacity:1}}@keyframes loginZoom{0%{transform:scale(1)}to{transform:scale(1.06)}}@media (max-width: 768px){.login-screen:before{background-image:url(/splash-bg2.jpg);background-position:center 60%}}.live-mppt-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}@media (max-width: 1250px){.live-mppt-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 600px){.live-mppt-grid{grid-template-columns:repeat(2,1fr)}}.live-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media (max-width: 1100px){.live-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.live-grid{grid-template-columns:1fr}}.mobile-ticker{display:none}@media (max-width: 768px){.mobile-ticker{display:flex;height:30px;padding:0 0 0 14px;background:#0a0d12;border-bottom:1px solid #1C2433;flex-shrink:0}.news-ticker-m .ticker-item{font-size:12px}.news-ticker-m .ticker-badge{font-size:9px!important;padding:2px 6px!important;margin-right:10px!important}.news-ticker.held .ticker-track{animation-play-state:paused}}.news-ticker{flex:1;min-width:0;display:flex;align-items:center;height:100%}.ticker-viewport{flex:1;min-width:0;overflow:hidden;height:100%;display:flex;align-items:center;mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 40px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 40px),transparent)}.ticker-track{display:flex;width:max-content;animation:ticker-scroll linear infinite}.news-ticker:hover .ticker-track{animation-play-state:paused}.ticker-row{display:flex;flex-shrink:0}.ticker-item{font-size:12.5px;color:#cdd5e0;text-decoration:none;white-space:nowrap}.ticker-item:hover .ticker-title{color:#fff;text-decoration:underline;text-decoration-color:#f5a623;text-underline-offset:3px}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.ticker-track{animation-duration:300s!important}}.bess-table-wrap{flex:1;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;background:#0c1020;border:1px solid #182232;border-radius:4px;margin:0 28px 24px}.bess-chart-wrap{flex:1;overflow-y:auto;padding:0 28px 24px}.bess-row2{display:flex;gap:6px;align-items:center;min-width:0;flex:1 0 100%}@media (min-width: 769px),(max-height: 500px){.bess-row2{flex:1}}.page-tabbar{padding:10px 28px 0}.grid-4col,.grid-4col-mb16{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}@media (min-width: 769px) and (max-width: 1380px){.grid-4col,.grid-4col-mb16{grid-template-columns:repeat(2,1fr)}}.grid-3col{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.grid-3col-mb16{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.grid-5col{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:20px}.grid-3col-rev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:22px}.hide-mobile{display:flex}.lbl-mob{display:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#090c10}::-webkit-scrollbar-thumb{background:#1c2433;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#2a3545}.fleet-strip-sect{flex:1 1 0;min-width:0;border-right:1px solid #1A2238}.fleet-strip-sect:last-child{border-right:none}@media (max-width: 640px){.fleet-strip-sect{flex:0 0 100%;border-right:none;border-bottom:1px solid #1A2238}.fleet-strip-sect:last-child{border-bottom:none}.fleet-strip-sect:nth-child(1){flex:0 0 50%;order:1;border-right:1px solid #1A2238;border-bottom:1px solid #1A2238}.fleet-strip-sect:nth-child(3){flex:0 0 50%;order:2;border-bottom:1px solid #1A2238}.fleet-strip-sect:nth-child(2){order:3}.fleet-strip-sect:nth-child(4){order:4;border-bottom:none}}@media (max-width: 768px){.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:200;height:100%;width:280px;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0);box-shadow:4px 0 32px #0009}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:199}.mobile-topbar{display:flex;align-items:center;gap:10px;padding:0 14px;height:52px;background:#0a0d12;border-bottom:1px solid #1C2433;position:sticky;top:0;z-index:100;flex-shrink:0}.page-topbar{padding:0 14px}.page-content{padding:14px}.page-tabbar{padding:10px 14px 0}.bess-table-wrap{margin:0 14px 14px}.bess-chart-wrap{padding:0 14px 14px}.grid-3col{grid-template-columns:1fr}.grid-4col,.grid-4col-mb16{grid-template-columns:repeat(2,1fr)}.stat-card{padding:14px 12px!important}.stat-card-country{font-size:12px!important}.stat-card-avg{font-size:clamp(19px,5.4vw,26px)!important}.stat-card-top{margin-bottom:10px!important;column-gap:6px!important;row-gap:8px!important;flex-wrap:nowrap!important}.stat-card-solar{padding-left:5px!important}.stat-card-solar-val{font-size:clamp(12px,3.6vw,16px)!important}.stat-card-solar-sub{font-size:10px!important;margin-top:4px!important}.stat-card-sun{font-size:10px!important;margin-right:2px!important}.stat-card-unit{margin-top:4px!important;font-size:10px!important}.stat-card-stat{padding-left:5px!important;padding-right:3px!important}.stat-card-stat:first-child{padding-left:0!important}.stat-card-lbl{font-size:10px!important;letter-spacing:.04em!important}.stat-card-val{font-size:11px!important;letter-spacing:-.02em}.grid-3col-mb16{grid-template-columns:1fr}.grid-5col{grid-template-columns:repeat(2,1fr)}.grid-3col-rev{grid-template-columns:1fr}.hide-mobile{display:none}.wx-row{display:none!important}.spr-note{display:none}.cmp-table th,.cmp-table td{padding:8px 7px!important;font-size:12px!important}.cmp-table th:first-child,.cmp-table td:first-child{padding-left:12px!important}.lbl-desk{display:none}.lbl-mob{display:inline}.date-row{flex-wrap:nowrap!important;gap:6px!important}.date-btn{padding:6px 9px!important;font-size:12px!important;flex-shrink:0}.date-btn .lbl-mob{font-size:17px;line-height:1;padding:0 3px}.date-input{padding:5px 6px!important;font-size:12.5px!important;min-width:0;flex:0 1 auto}.view-btn{padding:6px 9px!important}.tmr-extra{display:none!important}.date-row .date-input{width:118px;flex:0 0 118px}.gen-card-head{flex-direction:column;gap:0}.gen-card-head>div{margin-bottom:2px!important}.gen-card-head>span{margin-bottom:8px}}@media (max-height: 500px){#bess-plant-drop{max-width:130px!important}}
