:root{--bg:#f5f8fc;--panel:#fff;--panel-soft:#f9fbff;--border:#dfe7f2;--border-strong:#cfdced;--text:#101828;--muted:#667085;--muted-2:#98a2b3;--blue:#2f80ed;--green:#6fca44;--green-dark:#2da86d;--cyan:#22b8d8;--yellow:#f5be2f;--purple:#8b5cf6;--red:#ef4444;--shadow:0 18px 46px #10182814;--shadow-soft:0 10px 26px #1018280f;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top right, #2f80ed1a, transparent 26rem), linear-gradient(180deg, #fbfdff 0%, var(--bg) 100%);min-width:1180px;margin:0}button{font:inherit}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);background:#ffffffeb;flex-direction:column;gap:28px;height:100vh;padding:26px 12px 20px;display:flex;position:sticky;top:0;box-shadow:10px 0 34px #1018280d}.logo-block{align-items:center;gap:12px;padding:0 14px;display:flex}.logo-block strong{letter-spacing:.035em;font-size:20px;line-height:1;display:block}.logo-block small{color:var(--muted);letter-spacing:.04em;margin-top:5px;font-size:11px;font-weight:700;display:block}.logo-mark{background:radial-gradient(circle,#fff 0 24%,#ffd451 25% 40%,#0000 41%);border-radius:50%;width:38px;height:38px;position:relative}.logo-mark:before,.logo-mark:after,.logo-mark span:before,.logo-mark span:after{content:"";border:2px solid #f5be2f;border-color:#f5be2f #f5be2f #0000 #0000;border-radius:50%;position:absolute;inset:5px}.logo-mark:after{border-color:#0000 #0000 #22b8d8 #22b8d8;transform:rotate(55deg)}.logo-mark span:before{border-color:#0000 #6fca44 #6fca44 #0000;transform:rotate(110deg)}.logo-mark span:after{border-color:#2f80ed #0000 #0000 #2f80ed;transform:rotate(170deg)}.nav-list{flex-direction:column;gap:8px;display:flex}.nav-item,.logout-button,.tv-button,.export-button,.date-button,.range-tabs button{cursor:pointer;background:0 0;border:0}.nav-item{color:#24395a;text-align:left;border-radius:10px;align-items:center;gap:12px;min-height:48px;padding:0 18px;font-weight:700;transition:all .16s;display:flex}.nav-item:hover{background:#f0f5ff}.nav-item.active{color:#0d5ce8;background:linear-gradient(135deg,#e8f0ff 0%,#dfe9ff 100%);box-shadow:inset 0 0 0 1px #2f80ed1a}.icon{color:currentColor;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.icon svg{width:100%;height:100%;overflow:visible}.icon path{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round}.sidebar-footer{border-top:1px solid var(--border);gap:16px;margin-top:auto;padding:18px 12px 0;display:grid}.user-chip{color:#101828;align-items:center;gap:10px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#42a5f5,#7cc7ff);border-radius:999px;place-items:center;width:28px;height:28px;font-weight:800;display:inline-grid}.logout-button{color:#344054;align-items:center;gap:10px;padding:8px 0;font-weight:700;display:inline-flex}.main-area{min-width:0;padding:26px 32px 38px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.topbar h1{letter-spacing:-.04em;margin:0 0 8px;font-size:29px}.topbar p{color:#475467;align-items:center;gap:10px;margin:0;font-weight:500;display:flex}.status-dot{background:var(--green-dark);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #2da86d1f}.topbar-actions{align-items:center;gap:18px;display:flex}.weather-card-small{border-right:1px solid var(--border);color:#0f2344;align-items:center;gap:12px;padding-right:20px;display:flex}.weather-card-small .icon{color:#0f2344;width:42px;height:42px}.weather-card-small strong,.weather-card-small small{display:block}.weather-card-small small{color:var(--muted)}.tv-button{border:1px solid var(--border);background:var(--panel);color:#0f3f8f;min-height:48px;box-shadow:var(--shadow-soft);border-radius:12px;align-items:center;gap:10px;padding:0 20px;font-weight:800;display:inline-flex}.page-stack{gap:18px;display:grid}.metric-grid{grid-template-columns:1.22fr 1fr 1fr 1fr .9fr;gap:14px;display:grid}.metric-card,.status-card,.card,.info-strip,.placeholder-card,.plant-schema-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffe0;border-radius:16px}.metric-card{flex-direction:column;justify-content:space-between;min-height:178px;padding:20px 22px;display:flex}.metric-card-primary{background:radial-gradient(circle at bottom left, #6fca442e, transparent 70%), var(--panel);border-color:#6fca4473}.metric-title{color:#0f2344;text-transform:uppercase;letter-spacing:.02em;align-items:center;gap:8px;font-size:12px;font-weight:900;display:flex}.metric-title .icon{color:var(--green)}.metric-value{align-items:baseline;gap:9px;margin-top:10px;display:flex}.metric-value strong{letter-spacing:-.04em;font-size:33px;line-height:1}.metric-value span{color:#101828;font-size:19px;font-weight:700}.metric-card-primary .metric-value strong{font-size:46px}.metric-helper{color:#475467;margin:9px 0 0;font-size:14px}.sparkline{color:var(--green);height:54px;margin-top:8px}.sparkline-line,.chart-line{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.sparkline-fill{fill:#6fca442e}.chart-area{fill:url(#areaGradient)}.status-card{text-align:center;place-items:center;min-height:178px;padding:20px;display:grid}.status-ring{width:66px;height:66px;color:var(--green);border:4px solid var(--green);background:#6fca4414;border-radius:50%;place-items:center;display:inline-grid}.status-ring .icon{width:38px;height:38px}.status-card h3{color:var(--green);margin:8px 0 0;font-size:18px}.status-card p{color:#475467;margin:0;font-weight:600}.overview-grid{grid-template-columns:1.14fr 1.05fr 1.2fr;gap:14px;display:grid}.card{padding:20px}.card h2,.plant-schema-card h2,.placeholder-card h2{text-transform:none;color:#101828;letter-spacing:-.02em;margin:0;font-size:17px}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:14px;display:flex}.card-header small{color:#475467;margin-top:8px;font-weight:700;display:block}.chart-card{color:var(--green);overflow:hidden}.line-chart{width:100%;height:250px;color:var(--green);display:block}.grid-line{stroke:#d9e2ef;stroke-width:1px}.axis-label{fill:#667085;letter-spacing:0;paint-order:stroke;stroke:#0000;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;font-weight:700;font-stretch:100%}.chart-line-secondary{fill:none;stroke:#7b8798;stroke-width:2.2px;stroke-dasharray:6 6;stroke-linecap:round;stroke-linejoin:round}.chart-legend{color:#475467;align-items:center;gap:9px;font-size:13px;font-weight:700;display:flex}.legend-line,.legend-dash{background:var(--green);width:24px;height:2px;display:inline-block}.legend-dash{background:0 0;border-top:2px dashed #7b8798}.distribution-card{min-width:0}.distribution-content{grid-template-columns:180px 1fr;align-items:center;gap:18px;min-height:250px;display:grid}.donut-wrap{width:180px;height:180px;position:relative}.donut{width:180px;height:180px;transform:rotate(-90deg)}.donut-bg{fill:none;stroke:#edf2f7;stroke-width:30px}.donut-segment{fill:none;stroke-width:30px;stroke-linecap:butt}.segment-green,.dot-green,.fill-green{color:var(--green);background:var(--green);stroke:var(--green)}.segment-blue,.dot-blue,.fill-blue{color:#4aa3ff;stroke:#4aa3ff;background:#4aa3ff}.segment-yellow,.dot-yellow,.fill-yellow{color:var(--yellow);background:var(--yellow);stroke:var(--yellow)}.segment-purple,.dot-purple,.fill-purple{color:var(--purple);background:var(--purple);stroke:var(--purple)}.donut-center{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{letter-spacing:-.04em;font-size:24px}.donut-center span{color:var(--muted);font-size:13px;font-weight:700}.section-list{gap:16px;display:grid}.section-row{color:#344054;grid-template-columns:14px 1fr auto;align-items:center;gap:10px;font-size:14px;display:grid}.section-row strong{color:#101828;font-size:13px}.section-dot{border-radius:4px;width:11px;height:11px;display:inline-block}.alarms-card{min-height:290px}.empty-alarm{border-top:1px solid var(--border);justify-content:space-between;align-items:center;min-height:230px;margin-top:14px;display:flex}.inline-success{width:24px;height:24px;color:var(--green);vertical-align:middle;place-items:center;margin-right:8px;display:inline-grid}.empty-alarm strong{color:var(--green)}.empty-alarm p{color:#475467;margin:8px 0 0 34px}.bell-watermark{color:#e5eaf2;padding-right:36px}.bell-watermark .icon{width:92px;height:92px}.info-strip{grid-template-columns:1.15fr 1fr 1.1fr 1.25fr .8fr 84px;align-items:center;min-height:82px;padding:0 22px;display:grid}.info-item{border-right:1px solid var(--border);align-items:center;gap:12px;min-height:54px;display:flex}.info-item .icon{color:#199bff;width:28px;height:28px}.info-item span{color:#667085;text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:800;display:block}.info-item strong{margin-top:3px;display:block}.quality-bars{justify-content:flex-end;align-items:end;gap:5px;display:flex}.quality-bars span{background:linear-gradient(#6fca44,#2da86d);border-radius:4px 4px 2px 2px;width:8px}.quality-bars span:first-child{opacity:.55;height:15px}.quality-bars span:nth-child(2){opacity:.7;height:22px}.quality-bars span:nth-child(3){opacity:.85;height:31px}.quality-bars span:nth-child(4){height:40px}.plant-schema-card{padding:22px;overflow:hidden}.schema-heading{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.schema-heading p{color:#667085;margin:8px 0 0;font-weight:600}.schema-status{color:#101828;align-items:center;gap:14px;display:flex}.schema-status span{color:#1aab8d;background:#e4faf5;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;font-weight:800;display:inline-flex}.schema-layout{grid-template-columns:minmax(620px,1.4fr) minmax(360px,.8fr);align-items:center;gap:28px;display:grid}.energy-map{background:radial-gradient(circle,#fff 0%,#fbfdff 55%,#f7faff 100%);border-radius:20px;min-height:430px;position:relative}.energy-lines{width:100%;height:100%;position:absolute;inset:0}.line-neutral{fill:none;stroke:#e5e7eb;stroke-width:5px;stroke-linecap:round}.line-active{fill:none;stroke:#5f8dff;stroke-width:5px;stroke-linecap:round;stroke-dasharray:90 900;animation:2.8s linear infinite flowLine}.line-active.short{stroke-dasharray:55 900;animation-delay:.4s}.line-active.vertical{stroke-dasharray:70 900;animation-delay:.8s}.line-active.gridline{stroke-dasharray:50 900;animation-delay:1.1s}@keyframes flowLine{0%{stroke-dashoffset:0}to{stroke-dashoffset:-450px}}.weather-mini{color:#101828;align-items:center;gap:10px;display:flex;position:absolute;top:70px;left:20px}.weather-mini .icon{color:#6f8cff}.node{text-align:center;position:absolute}.node strong{color:#101828;letter-spacing:-.04em;margin-top:12px;font-size:26px;line-height:1;display:block}.node em{color:#101828;margin-top:8px;font-size:16px;font-style:normal;display:block}.node-pv{top:46px;left:50%;transform:translate(-50%)}.node-house{top:185px;left:50%;transform:translate(-50%)}.node-battery{bottom:30px;left:72px}.pv-panel{background:#3e4652;border:5px solid #d9dee8;grid-template-columns:repeat(6,1fr);gap:3px;width:128px;height:78px;padding:8px;display:grid;transform:rotate(10deg)skew(-30deg)skewY(-10deg);box-shadow:18px 20px 24px #1018281f}.pv-panel span{background:#202631;border:1px solid #ffffff2e}.house-icon{width:145px;height:112px;margin:auto;position:relative}.house-icon .body,.house-icon .annex{background:linear-gradient(145deg,#eef3fa,#d9e2ee);border:4px solid #cfd8e5;position:absolute;bottom:0;box-shadow:14px 14px 20px #1018281f}.house-icon .body{width:82px;height:74px;left:8px}.house-icon .annex{width:74px;height:58px;right:8px}.house-icon .roof{z-index:2;background:#e9eff7;border:4px solid #cfd8e5;width:96px;height:78px;position:absolute;top:1px;left:10px;transform:rotate(-28deg)skew(18deg)}.battery-tower{background:linear-gradient(#f4f8fd,#dbe5f2);border:4px solid #cfd8e5;border-radius:12px 12px 8px 8px;gap:7px;width:86px;height:94px;padding:14px;display:grid;box-shadow:14px 18px 22px #1018281f}.battery-tower span{background:#c8d9ff;border-radius:6px}.grid-tower{color:#9eb7ec;width:92px;height:118px;margin:0 auto;position:relative}.grid-tower:before,.grid-tower:after,.grid-tower span:first-child,.grid-tower span:nth-child(2),.grid-tower span:nth-child(3){content:"";background:currentColor;border-radius:4px;position:absolute}.grid-tower:before{width:6px;height:105px;top:0;left:43px;transform:skew(-10deg)}.grid-tower:after{width:52px;height:5px;top:32px;left:20px;transform:rotate(-10deg)}.grid-tower span:first-child{width:76px;height:5px;bottom:14px;left:8px;transform:rotate(24deg)}.grid-tower span:nth-child(2){width:62px;height:5px;bottom:14px;left:17px;transform:rotate(-48deg)}.grid-tower span:nth-child(3){width:92px;height:5px;bottom:0;left:0}.schema-summary{padding:26px}.schema-summary p{color:#667085;margin:0 0 8px;font-size:18px;font-weight:700}.schema-summary h3{letter-spacing:-.04em;margin:0 0 34px;font-size:30px}.schema-summary h3 span{color:#667085}.schema-summary-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:30px;display:grid}.schema-summary-grid span,.schema-mini-metrics span,.daily-kpis span,.display-kpi-grid span{color:#667085;margin-bottom:9px;font-weight:700;display:block}.schema-summary-grid strong{letter-spacing:-.04em;font-size:31px;display:block}.schema-summary-grid small{font-size:18px;font-weight:700}.schema-mini-metrics{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.schema-mini-metrics div{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:14px;padding:18px}.schema-mini-metrics strong{font-size:20px;display:block}.production-layout{grid-template-columns:minmax(0,1.55fr) minmax(360px,.65fr);gap:16px;display:grid}.production-main-card{padding:0;overflow:hidden}.production-main-card .chart-card{box-shadow:none;border:0;border-radius:0;padding:20px 26px 0}.production-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:18px 22px;display:flex}.range-tabs{border:1px solid var(--border-strong);background:#f6f8fc;border-radius:10px;display:inline-flex;overflow:hidden}.range-tabs button{color:#344054;border-right:1px solid var(--border-strong);min-width:104px;height:38px;font-weight:700}.range-tabs button:last-child{border-right:0}.range-tabs button.active{color:#fff;background:linear-gradient(135deg,#6fca44,#47a83a)}.date-button,.export-button{border:1px solid var(--border-strong);color:#344054;background:#fff;border-radius:10px;align-items:center;gap:8px;height:38px;padding:0 14px;font-weight:700;display:inline-flex}.export-button{margin-left:auto}.daily-kpis{border-top:1px solid var(--border);grid-template-columns:repeat(4,1fr);padding:22px 26px 26px;display:grid}.daily-kpis div{border-right:1px solid var(--border);padding:0 24px}.daily-kpis div:first-child{padding-left:0}.daily-kpis div:last-child{border-right:0}.daily-kpis strong{letter-spacing:-.04em;font-size:26px;display:block}.daily-kpis small{color:#667085}.production-side{gap:16px;display:grid}.section-bars-card h2,.compare-card h2,.green-card h2{margin-bottom:18px}.bar-list{gap:18px;display:grid}.bar-row{grid-template-columns:94px 1fr auto;align-items:center;gap:12px;font-size:14px;display:grid}.bar-label{color:#344054;font-weight:700}.bar-track{background:#e6ebf3;border-radius:99px;height:8px;overflow:hidden}.bar-fill{border-radius:99px;height:100%;display:block}.bar-row strong{font-size:13px}.compare-row{border-top:1px solid var(--border);color:#344054;grid-template-columns:1fr auto auto;gap:12px;padding:12px 0;display:grid}.compare-row em{color:var(--green-dark);font-style:normal;font-weight:800}.green-card{gap:16px;display:grid}.green-row{border-top:1px solid var(--border);align-items:center;gap:16px;padding-top:14px;display:flex}.green-row .icon{width:42px;height:42px;color:var(--green)}.green-row strong{font-size:25px;display:block}.green-row small{color:#667085;display:block}.placeholder-card,.loading-card{text-align:center;place-content:center;min-height:300px;padding:40px;display:grid}.loading-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);color:#475467;background:#fff;border-radius:16px;font-weight:800}.display-page{background:radial-gradient(circle at 100% 0,#2f80ed1f,#0000 34rem),linear-gradient(#fff 0%,#f4f8fc 100%);min-height:100vh;padding:30px 42px}.display-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.display-header>div:last-child{color:#344054;flex-direction:column;align-items:flex-end;display:flex}.display-header strong{font-size:28px}.display-hero{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffe6;border-radius:24px;grid-template-columns:1fr auto;align-items:center;gap:22px;margin-bottom:18px;padding:28px 34px;display:grid}.display-label{color:#667085;font-size:22px;font-weight:800}.display-hero h1{letter-spacing:-.07em;margin:4px 0;font-size:clamp(68px,7vw,110px);line-height:1}.display-hero h1 small{letter-spacing:0;font-size:38px}.display-hero p{color:#667085;margin:0;font-size:18px}.display-status{min-width:280px;color:var(--green-dark);background:#6fca4414;border:1px solid #6fca4459;border-radius:20px;gap:8px;padding:24px;display:grid}.display-status .icon{width:50px;height:50px}.display-status strong{font-size:23px}.display-status span{color:#344054;font-weight:700}.display-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.display-kpi-grid div{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#fff;border-radius:18px;padding:22px}.display-kpi-grid strong{letter-spacing:-.05em;font-size:30px}.display-page .plant-schema-card.compact{box-shadow:var(--shadow)}.plant-schema-card.compact .schema-layout{grid-template-columns:1.3fr .75fr}.plant-schema-card.compact .energy-map{min-height:390px}@media (width<=1300px){.metric-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.production-layout,.schema-layout{grid-template-columns:1fr}.info-strip{grid-template-columns:repeat(2,1fr);gap:14px;padding:18px}.info-item{border-right:0}}.energy-map{background:radial-gradient(circle at 50% 54%,#6cc64c14,#0000 22rem),radial-gradient(circle,#fff 0%,#fbfdff 55%,#f7faff 100%)}.line-active{stroke:#35b65f;stroke-width:6px;filter:drop-shadow(0 0 5px #35b65f38)}.line-active.line-to-battery{stroke-dasharray:58 900}.line-active.line-to-grid{stroke-dasharray:64 900;animation-delay:.35s}.line-active.line-to-load{stroke-dasharray:70 900;animation-delay:.75s}.line-active.line-export{stroke-dasharray:48 900;animation-delay:1.05s}.node-house{top:202px}.node-grid{bottom:30px;right:60px}.facility-icon{width:182px;height:116px;margin:0 auto;position:relative}.facility-shadow{filter:blur(8px);background:#1018281a;border-radius:999px;height:16px;position:absolute;bottom:3px;left:12px;right:10px}.facility-main,.facility-side{background:linear-gradient(#edf4fb 0%,#dfe9f4 100%);border:4px solid #cbd6e4;gap:7px;padding:14px;display:grid;position:absolute;bottom:14px;box-shadow:14px 16px 24px #10182824}.facility-main{grid-template-columns:repeat(4,1fr);width:98px;height:64px;left:27px}.facility-side{background:linear-gradient(#e8f0f8 0%,#d5dfeb 100%);grid-template-columns:repeat(2,1fr);width:70px;height:52px;right:21px}.facility-main i,.facility-side i{background:linear-gradient(#9fc4e7,#7faed8);border-radius:3px;display:block;box-shadow:inset 0 1px #ffffffa6}.facility-roof{z-index:2;background:linear-gradient(135deg,#f4f8fc 0%,#d8e3ef 100%);border:4px solid #cbd6e4;border-radius:2px;width:104px;height:50px;position:absolute;top:6px;left:30px;transform:skew(-25deg)rotate(-7deg);box-shadow:10px 10px 18px #1018281a}.facility-door{z-index:3;background:#8ab4e4;border-radius:3px 3px 0 0;width:17px;height:30px;position:absolute;bottom:17px;left:66px}.facility-greenery{z-index:4;align-items:flex-end;gap:4px;display:flex;position:absolute;bottom:10px}.facility-greenery-left{left:4px}.facility-greenery-right{right:0}.facility-greenery i{background:linear-gradient(#71cf4f,#2e9f51);border-radius:12px 12px 8px 8px;width:16px;height:22px;display:block;box-shadow:0 8px 12px #2e9f512e}.facility-greenery i:nth-child(2){width:12px;height:17px}.grid-scene{width:122px;height:128px;margin:0 auto;position:relative}.grid-pylon{color:#415063;position:absolute;inset:0 12px 8px}.tower-leg,.tower-spine,.tower-cross,.tower-brace,.tower-wire{background:currentColor;border-radius:99px;display:block;position:absolute}.tower-leg{transform-origin:bottom;width:5px;height:102px;bottom:4px}.tower-leg-left{left:35px;transform:rotate(12deg)}.tower-leg-right{right:35px;transform:rotate(-12deg)}.tower-spine{width:5px;height:105px;top:6px;left:50%;transform:translate(-50%)}.tower-cross{height:5px;left:12px;right:12px}.tower-cross-top{top:26px}.tower-cross-mid{top:52px;left:4px;right:4px}.tower-cross-low{top:78px;left:16px;right:16px}.tower-brace{width:5px;height:46px;top:35px}.tower-brace-a{left:35px;transform:rotate(-42deg)}.tower-brace-b{right:35px;transform:rotate(42deg)}.tower-brace-c{top:62px;left:37px;transform:rotate(38deg)}.tower-brace-d{top:62px;right:37px;transform:rotate(-38deg)}.tower-wire{background:#9fb4d8;width:54px;height:3px;top:30px}.tower-wire-left{left:-38px;transform:rotate(8deg)}.tower-wire-right{right:-38px;transform:rotate(-8deg)}.grid-shrubs{justify-content:center;align-items:flex-end;gap:5px;display:flex;position:absolute;bottom:0;left:5px;right:5px}.grid-shrubs i{background:linear-gradient(#78d451,#319f50);border-radius:16px 16px 5px 5px;width:24px;height:18px;display:block}.grid-shrubs i:nth-child(2){height:25px}.grid-shrubs i:nth-child(3){height:21px}.display-weather{gap:10px;flex-direction:row!important;align-items:center!important;display:inline-flex!important}.display-weather .icon{color:#f6b500;width:31px;height:31px}.display-weather span{margin-left:2px}.display-page .plant-schema-card.compact{margin-bottom:18px}.display-page .plant-schema-card.compact .schema-layout{grid-template-columns:minmax(620px,1.25fr) minmax(360px,.75fr)}.display-page .plant-schema-card.compact .energy-map{min-height:360px}.display-page .plant-schema-card.compact .node-pv{top:38px}.display-page .plant-schema-card.compact .node-house{top:176px}.display-page .plant-schema-card.compact .node-battery,.display-page .plant-schema-card.compact .node-grid{bottom:22px}.display-green-panel{color:#fff;background:linear-gradient(90deg,#052418f5,#115c2de0 52%,#de9f3d73),radial-gradient(circle at 92% 10%,#ffc54e8c,#0000 18rem),linear-gradient(#0d3e2d,#092516);border-radius:26px;grid-template-columns:1.05fr 1.25fr .95fr;gap:30px;min-height:286px;padding:28px 34px;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 48px #0c302142}.display-green-bg,.display-green-bg:before,.display-green-bg:after{content:"";pointer-events:none;position:absolute;inset:auto 0 0}.display-green-bg{opacity:.95;background:linear-gradient(165deg,#0000 0 48%,#1c5f368c 48.2% 66%,#0000 66.2%),repeating-linear-gradient(165deg,#379a4a29 0 2px,#0000 2px 18px);height:100%}.display-green-bg:before{background:radial-gradient(at 50% 100%,#4da0527a,#0000 68%);height:52%}.display-green-bg:after{background:linear-gradient(#0000,#051e146b);height:42%}.display-green-power,.display-green-production,.display-green-impact{z-index:1;position:relative}.display-tv-label{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:9px;margin-bottom:24px;font-size:15px;font-weight:900;display:inline-flex}.display-tv-label .icon{width:23px;height:23px}.display-power-lockup{align-items:center;gap:20px;display:flex}.display-power-icon{color:#a4ff69;background:#4fc9481f;border:2px solid #a4ff6973;border-radius:50%;place-items:center;width:98px;height:98px;display:inline-grid;box-shadow:0 0 30px #70e25726}.display-power-icon .icon{width:54px;height:54px}.display-power-lockup span:not(.display-power-icon){text-transform:uppercase;color:#ffffffdb;letter-spacing:.04em;font-size:15px;font-weight:900;display:block}.display-power-lockup strong{letter-spacing:-.07em;font-size:clamp(54px,5.2vw,86px);line-height:1;display:block}.display-power-lockup small{letter-spacing:0;font-size:34px}.display-green-status{color:#fff;text-transform:uppercase;letter-spacing:.04em;background:#0d301b70;border:1px solid #ffffffbf;border-radius:999px;align-items:center;gap:10px;width:max-content;margin:18px 0 20px 126px;padding:8px 18px;font-weight:900;display:inline-flex}.display-green-status .icon{color:#a4ff69;background:#5acc4647;border-radius:50%;width:22px;height:22px;padding:3px}.display-green-time{color:#ffffffe6;align-items:center;gap:10px;margin:0;font-weight:800;display:flex}.display-green-time .icon{width:23px;height:23px}.display-green-production{border-left:1px solid #ffffff47;border-right:1px solid #ffffff47;padding:0 28px}.display-green-panel h2{color:#fffffff0;text-transform:uppercase;text-align:center;letter-spacing:.04em;margin:0 0 22px;font-size:22px}.display-green-kpis{text-align:center;grid-template-columns:repeat(3,1fr);gap:0;display:grid}.display-green-kpis div{border-right:1px solid #ffffff47;padding:0 22px}.display-green-kpis div:last-child{border-right:0}.display-green-kpis .icon{color:#a4ff69;width:42px;height:42px;margin-bottom:9px}.display-green-kpis span{text-transform:uppercase;color:#ffffffdb;font-size:14px;font-weight:900;display:block}.display-green-kpis strong{letter-spacing:-.06em;margin-top:7px;font-size:42px;line-height:1;display:block}.display-green-kpis small{color:#ffffffdb;margin-top:5px;font-size:20px;font-weight:800;display:block}.display-co2-pill{color:#fff;background:linear-gradient(135deg,#63c946c7,#248b3bc7);border:1px solid #a4ff6970;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;max-width:530px;min-height:64px;margin:28px auto 0;padding:10px 25px;display:grid;box-shadow:inset 0 1px #ffffff38,0 18px 35px #0000002e}.display-co2-pill .icon{width:40px;height:40px}.display-co2-pill span{text-transform:uppercase;letter-spacing:.04em;font-weight:900}.display-co2-pill strong{letter-spacing:-.04em;font-size:34px}.display-green-impact{flex-direction:column;gap:18px;display:flex}.display-green-impact h2{text-align:left;margin-bottom:6px}.display-green-metric{grid-template-columns:62px 1fr;align-items:center;gap:16px;display:grid}.display-green-metric>.icon{color:#a4ff69;background:#43b74629;border:1px solid #a4ff696b;border-radius:50%;width:62px;height:62px;padding:13px}.display-green-metric span{color:#a4ff69;text-transform:uppercase;letter-spacing:.04em;font-weight:900;display:block}.display-green-metric strong{margin-right:8px;font-size:36px;line-height:1;display:inline-block}.display-green-metric small{color:#ffffffeb;font-size:17px;font-weight:700;display:block}.display-green-logo{filter:brightness(0)invert();opacity:.92;align-self:flex-end;margin-top:auto}.display-green-logo .logo-mark{filter:none}@media (width<=1300px){.display-page .plant-schema-card.compact .schema-layout,.display-green-panel{grid-template-columns:1fr}.display-green-production{border:1px solid #ffffff47;border-left:0;border-right:0;padding:26px 0}}.display-page.display-page-simple{background:radial-gradient(circle at 100% 0,#2f80ed21,#0000 34rem),linear-gradient(#fff 0%,#f6f9fd 100%);min-height:100vh;padding:38px 46px 54px}.display-page-simple .display-header{margin-bottom:44px}.display-page-simple .logo-block{padding:0}.display-page-simple .display-weather{color:#344054;grid-template-columns:auto auto;grid-template-areas:"icon temp""icon condition";gap:0 11px;align-items:center!important;display:grid!important}.display-page-simple .display-weather .icon{color:#f6b500;grid-area:icon;width:36px;height:36px}.display-page-simple .display-weather strong{letter-spacing:-.04em;grid-area:temp;font-size:32px;line-height:1}.display-page-simple .display-weather span{color:#475467;grid-area:condition;margin:3px 0 0;font-size:17px;font-weight:700}.display-page-simple .display-kpi-grid{gap:16px;margin-bottom:28px}.display-page-simple .display-kpi-grid>div{background:#ffffffeb;border:1px solid #dfe7f2;border-radius:18px;min-height:140px;padding:31px 32px;box-shadow:0 10px 28px #1018280e}.display-page-simple .display-kpi-grid span{color:#667085;margin-bottom:14px;font-size:17px;font-weight:800;display:block}.display-page-simple .display-kpi-grid strong{color:#101828;letter-spacing:-.05em;font-size:clamp(26px,2vw,34px);line-height:1;display:block}.display-page-simple .plant-schema-card.compact{background:#fffffff0;border:1px solid #dfe7f2;border-radius:22px;margin:0;padding:34px;box-shadow:0 20px 50px #10182813}.display-page-simple .plant-schema-card.compact .schema-layout{grid-template-columns:minmax(700px,1.35fr) minmax(410px,.72fr);align-items:center;gap:44px}.display-page-simple .plant-schema-card.compact .energy-map{background:radial-gradient(circle at 50% 52%,#38b05514,#0000 24rem),linear-gradient(#fff 0%,#f7fbff 100%);height:clamp(460px,100vh - 390px,570px);min-height:460px}.display-page-simple .plant-schema-card.compact .schema-summary{padding:26px 10px 26px 18px}.display-page-simple .plant-schema-card.compact .schema-summary p{font-size:20px}.display-page-simple .plant-schema-card.compact .schema-summary h3{margin-bottom:58px;font-size:34px}.display-page-simple .plant-schema-card.compact .schema-summary-grid{margin-bottom:58px}.display-page-simple .plant-schema-card.compact .schema-summary-grid strong{font-size:34px}.display-page-simple .plant-schema-card.compact .schema-mini-metrics{gap:16px}.display-page-simple .plant-schema-card.compact .schema-mini-metrics div{background:#fff;border-radius:14px;min-height:96px;padding:22px 24px}.display-page-simple .weather-mini{color:#12a858;top:60px;left:24px}.display-page-simple .weather-mini .icon{color:#23ad60;width:31px;height:31px}.display-page-simple .line-neutral{stroke:#e0e5ec;stroke-width:5px}.display-page-simple .line-active{stroke:#2fa64f;stroke-width:5.5px;stroke-linecap:round;stroke-dasharray:70 900;filter:drop-shadow(0 0 4px #2fa64f2e);animation:4s linear infinite flowLine}.display-page-simple .line-active.line-to-battery,.display-page-simple .line-active.line-to-grid{stroke-dasharray:50 900;animation-delay:0s}.display-page-simple .line-active.line-to-load{stroke-dasharray:10 225;animation:8s linear infinite flowLine}.display-page-simple .line-active.line-export,.display-page-simple .line-active.load-to-battery{stroke-dasharray:50 900;animation-delay:0s}.display-page-simple .energy-lines marker path{fill:#2fa64f}.display-page-simple .node strong{color:#050c1c;margin-top:14px;font-size:28px}.display-page-simple .node em{color:#475467;font-size:18px;font-weight:700}.display-page-simple .plant-schema-card.compact .node-pv{top:44px}.display-page-simple .plant-schema-card.compact .node-house{top:228px}.display-page-simple .plant-schema-card.compact .node-battery{bottom:56px;left:82px}.display-page-simple .plant-schema-card.compact .node-grid{bottom:54px;right:80px}.display-page-simple .pv-panel{background:#3a424f;border-color:#d6dde8;width:156px;height:96px;box-shadow:18px 22px 26px #10182821}.display-page-simple .battery-tower{background:linear-gradient(#f7fbff,#e7eef6);border-radius:16px 16px 12px 12px;width:96px;height:118px}.display-page-simple .battery-tower span{background:linear-gradient(#39c767,#1ba653)}.display-page-simple .facility-icon{width:220px;height:138px}.display-page-simple .facility-main,.display-page-simple .facility-side{background:linear-gradient(#fff 0%,#e8eff7 100%);border-color:#cbd6e4}.display-page-simple .facility-main{width:120px;height:76px;left:32px}.display-page-simple .facility-side{width:86px;height:62px;right:24px}.display-page-simple .facility-main i,.display-page-simple .facility-side i{background:linear-gradient(#9cc4d7,#5d96b5)}.display-page-simple .facility-roof{background:linear-gradient(135deg,#414b56 0%,#1e2733 100%);border-color:#5a6573;width:129px;height:60px;top:4px;left:32px}.display-page-simple .facility-door{background:linear-gradient(#44ca6e,#159d50);width:22px;height:38px;bottom:17px;left:78px}.display-page-simple .facility-greenery i,.display-page-simple .grid-shrubs i{background:linear-gradient(#79d656,#2f9e50)}.display-page-simple .grid-scene{width:132px;height:150px}.display-page-simple .grid-pylon{color:#414b56}@media (width<=1300px){.display-page-simple .plant-schema-card.compact .schema-layout{grid-template-columns:1fr}.display-page-simple .display-kpi-grid{grid-template-columns:repeat(2,1fr)}}.grid-pylon-image{object-fit:contain;filter:drop-shadow(0 8px 10px #0f172a29);z-index:2;width:82px;height:118px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.display-page-simple .grid-pylon-image{width:96px;height:138px;bottom:12px}.grid-pylon{display:none}.logo-block{align-items:center;gap:14px;display:flex}.logo-image{width:auto;height:58px;display:block}.logo-subtitle{color:#5f6f8a;text-transform:uppercase;letter-spacing:.03em;font-size:.95rem;font-weight:700;line-height:1.1}.sidebar .logo-block{flex-wrap:nowrap;gap:14px;padding:0 18px}.sidebar .logo-image{width:190px;max-width:220px;height:auto}.sidebar .logo-subtitle{color:#5f6f8a;white-space:nowrap;font-size:15px;font-weight:800;line-height:1.08}.green-kpi{align-items:center;gap:18px;display:flex}.green-kpi .icon{width:42px;height:42px;color:var(--green);flex-shrink:0}.green-kpi span,.green-kpi strong{display:block}.display-kpi-green{align-items:center;gap:22px;display:flex}.display-kpi-green .icon svg{width:100%;height:100%}.display-kpi-green>div{box-shadow:none;background:0 0;border:0;min-height:auto;padding:0}.display-page-simple .display-kpi-green .icon{color:var(--green)!important}.display-page-simple .display-kpi-green .icon svg,.display-page-simple .display-kpi-green .icon path{stroke:var(--green)!important}.display-kpi-green .icon{width:42px;height:42px;color:var(--green);flex-shrink:0}.device-table{gap:.75rem;margin-top:1rem;display:grid}.device-table-header,.device-table-row{grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;align-items:center;gap:1rem;display:grid}.device-table-header{color:#64748b;text-transform:uppercase;font-size:.8rem;font-weight:700}.device-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.status-pill{color:#16a34a;background:#dcfce7;border-radius:999px;width:fit-content;padding:.35rem .75rem;font-weight:700}.inverter-table{gap:.75rem;margin-top:1rem;display:grid;overflow-x:auto}.inverter-table-header,.inverter-table-row{grid-template-columns:1.35fr 1fr .85fr .8fr .8fr .95fr .75fr 1.25fr 1fr;align-items:center;gap:.85rem;min-width:980px;display:grid}.inverter-table-header{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:700}.inverter-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.inverter-table-row strong{color:#0f172a}.inverter-table-row small{color:#64748b;margin-top:.2rem;font-size:.75rem;display:block}.status-pill.offline{color:#64748b;background:#f1f5f9}.status-pill.warning{color:#d97706;background:#fef3c7}.status-pill.alarm{color:#dc2626;background:#fee2e2}.empty-state{color:#64748b;margin:1rem 0 0}.history-toolbar-card .card-header{margin-bottom:18px}.history-toolbar-card .export-button:disabled{opacity:.5;cursor:not-allowed}.history-filters{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.history-filters label{color:#344054;gap:8px;font-weight:800;display:grid}.history-filters label span{color:#64748b;text-transform:uppercase;font-size:.78rem}.history-filters select{border:1px solid var(--border-strong);color:#101828;min-width:220px;height:40px;font:inherit;background:#fff;border-radius:10px;padding:0 12px;font-weight:700}.history-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.history-kpi{gap:8px;display:grid}.history-kpi span{color:#64748b;text-transform:uppercase;font-size:.82rem;font-weight:800}.history-kpi strong{color:#0f172a;letter-spacing:-.03em;font-size:1.55rem}.history-table{gap:.75rem;margin-top:1rem;display:grid}.history-table-header,.history-table-row{grid-template-columns:1.25fr 1fr 1fr .8fr;align-items:center;gap:1rem;display:grid}.history-table-header{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:700}.history-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.history-table-row strong{color:#0f172a}.axis-label-y{text-anchor:end}.axis-label-x{text-anchor:middle}.alarms-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.alarm-summary-card{gap:8px;display:grid}.alarm-summary-card span{color:#64748b;text-transform:uppercase;font-size:.82rem;font-weight:800}.alarm-summary-card strong{color:#0f172a;letter-spacing:-.03em;font-size:1.65rem}.alarm-summary-card small{color:#64748b;font-weight:700}.alarms-page-card .card-header{margin-bottom:18px}.alarm-empty-state{background:linear-gradient(135deg,#f0fdf4,#fff);border:1px solid #bbf7d0;border-radius:18px;align-items:center;gap:14px;padding:1.25rem;display:flex}.alarm-empty-state strong{color:#14532d;font-size:1.05rem;display:block}.alarm-empty-state p{color:#64748b;margin:.2rem 0 0;font-weight:700}.alarm-empty-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:18px;padding:1.25rem;font-weight:800}.alarms-table{gap:.75rem;margin-top:1rem;display:grid;overflow-x:auto}.alarms-table-header,.alarms-table-row{grid-template-columns:.85fr 1.25fr 1fr 1.7fr 1.05fr;align-items:center;gap:1rem;min-width:980px;display:grid}.alarms-table-header{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:700}.alarms-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.alarms-table-row strong{color:#0f172a;display:block}.alarms-table-row small{color:#64748b;margin-top:.2rem;font-size:.75rem;display:block}.loading-card.compact{margin:0;padding:1.25rem}.schema-status span.normal,.schema-status span.on_grid{color:#16a34a;background:#dcfce7}.schema-status span.warning,.schema-status span.standby{color:#d97706;background:#fef3c7}.schema-status span.alarm,.schema-status span.fault{color:#dc2626;background:#fee2e2}.schema-status span.offline,.schema-status span.off,.schema-status span.unknown{color:#64748b;background:#f1f5f9}.schema-mini-metrics{margin-top:24px}.schema-health-strip{border:1px solid var(--border);color:#475467;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding:14px 16px;font-weight:800;display:flex}.line-active.inactive{opacity:.12;filter:none;animation:none}.status-pill.on_grid{color:#16a34a;background:#dcfce7}.status-pill.standby{color:#d97706;background:#fef3c7}.status-pill.fault{color:#dc2626;background:#fee2e2}.status-pill.off,.status-pill.unknown{color:#6b7280;background:#e5e7eb}.alarm-events-table{gap:.75rem;margin-top:1rem;display:grid;overflow-x:auto}.alarm-events-table-header,.alarm-events-table-row{grid-template-columns:.85fr 1.05fr 1.25fr 1.7fr .85fr;align-items:center;gap:1rem;min-width:980px;display:grid}.alarm-events-table-header{color:#64748b;text-transform:uppercase;font-size:.76rem;font-weight:700}.alarm-events-table-row{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1rem}.alarm-events-table-row strong{color:#0f172a;display:block}.alarm-events-table-row small{color:#64748b;margin-top:.2rem;font-size:.75rem;display:block}.status-pill.normal{color:#16a34a;background:#dcfce7}.auth-page{background:linear-gradient(135deg,#f5f8fc 0%,#eef5ec 100%);place-items:center;min-height:100vh;padding:32px;display:grid}.auth-card{text-align:center;background:#fff;border:1px solid #dbe4ef;border-radius:24px;width:min(420px,100%);padding:32px;box-shadow:0 24px 60px #0f172a1f}.auth-card .logo-block{justify-content:center;margin-bottom:24px}.auth-card h1{color:#0f1f38;margin:0 0 12px;font-size:28px}.auth-card p{color:#52627a;margin:0 0 24px;line-height:1.5}.auth-button{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:999px;padding:12px 22px;font-weight:700}