*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#f5f7fb;color:#18243a}button,input,select{font:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:224px;background:linear-gradient(180deg,#082f52 0%,#07375f 45%,#062d4d 100%);color:#dcecff;position:fixed;inset:0 auto 0 0;overflow-y:auto;z-index:50;box-shadow:4px 0 20px rgba(8,47,82,.08)}.brand{height:64px;display:flex;align-items:center;gap:10px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{font-size:30px;color:#2e83ff}.brand strong{display:block;font-size:17px;color:#2f8cff}.brand small{font-size:10px;color:#8eb2d0}.nav{padding:10px 8px 90px}.nav-group{margin:10px 0 16px}.nav-title{display:block;font-size:11px;color:#86a7c2;padding:0 9px 7px}.nav-item{width:100%;border:0;background:transparent;color:#c6d9eb;padding:9px 10px;border-radius:7px;text-align:left;cursor:pointer;display:flex;align-items:center;gap:10px;font-size:13px;transition:.18s}.nav-item:hover{background:rgba(255,255,255,.08);color:white}.nav-item.active{background:linear-gradient(90deg,#1673ff,#2f85ff);color:white;box-shadow:0 5px 14px rgba(19,102,226,.3)}.nav-item span{width:18px;text-align:center}.sidebar-footer{position:fixed;left:0;bottom:0;width:224px;padding:15px 18px;background:#062d4d;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#7898b2}.main{margin-left:224px;width:calc(100% - 224px)}.topbar{height:64px;background:white;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:40}.topbar-left{display:flex;align-items:center;gap:12px}.topbar h1{font-size:17px;margin:0}.topbar p{margin:3px 0 0;color:#8a95a7;font-size:11px}.topbar-actions{display:flex;align-items:center;gap:10px}.select,.filters select,.filters input,.form-card select,.form-card input,.form-stack select,.form-stack input{border:1px solid #dce3ed;background:white;border-radius:8px;padding:9px 12px;color:#36445b;outline:none}.select{min-width:155px}.icon-btn{border:0;background:#f7f9fc;border-radius:9px;padding:9px;cursor:pointer;position:relative}.dot{position:absolute;width:6px;height:6px;background:#ff4b4b;border-radius:50%;right:5px;top:4px}.user-chip{display:flex;align-items:center;gap:8px;padding-left:6px}.avatar{width:34px;height:34px;border-radius:50%;background:#eaf0f7;display:grid;place-items:center;font-weight:800;font-size:11px}.user-chip strong{display:block;font-size:12px}.user-chip small{font-size:9px;color:#98a3b1}.mobile-menu{display:none}.content{padding:16px 18px 40px;max-width:1600px;margin:auto}.page{display:none}.page.active{display:block}.weather-strip{display:flex;justify-content:flex-end;gap:26px;font-size:11px;color:#627087;margin-bottom:8px}.card{background:white;border:1px solid #e3e8ef;border-radius:12px;box-shadow:0 4px 18px rgba(24,36,58,.035)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.kpi{display:flex;align-items:center;gap:12px;padding:16px}.kpi-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:white;font-size:20px}.blue{background:linear-gradient(135deg,#2f8cff,#4b6cff)}.green{background:linear-gradient(135deg,#22c77a,#19b75f)}.violet{background:linear-gradient(135deg,#7458ea,#a675ff)}.orange{background:linear-gradient(135deg,#ff9c31,#ff7b22)}.kpi span{font-size:11px;color:#4d596c}.kpi strong{display:block;font-size:21px;margin:5px 0}.kpi strong small{font-size:11px}.kpi em{font-size:9px;color:#16b76a;font-style:normal}.kpi em.muted{color:#8290a4}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:12px}.dashboard-main,.dashboard-side{display:flex;flex-direction:column;gap:12px}.card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px 0}.card-head h2,.card h2{font-size:13px;margin:0}.status{font-size:10px}.success{color:#12b76a}.energy-flow{display:grid;grid-template-columns:1fr 70px 1.15fr 70px 1fr;align-items:center;padding:18px 24px 24px;min-height:265px}.flow-col{display:flex;flex-direction:column;gap:24px}.flow-node{border:1px solid #dae3ee;border-radius:9px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:94px;gap:5px;background:#fcfdff}.flow-node b{font-size:11px}.flow-node strong{font-size:12px}.flow-node small{font-size:9px;color:#77869a}.flow-icon{font-size:29px}.inverter-node{min-height:182px}.inverter-box{width:72px;height:95px;background:linear-gradient(#f3f3f3,#d7d7d7);border-radius:5px;box-shadow:0 6px 15px rgba(0,0,0,.11);position:relative;margin-bottom:5px}.inverter-box:after{content:"";position:absolute;bottom:-7px;left:10px;width:7px;height:7px;background:#252a33;box-shadow:13px 0 #252a33,26px 0 #252a33,39px 0 #252a33,52px 0 #252a33}.display{width:28px;height:28px;border-radius:50%;background:#273644;color:white;display:grid;place-items:center;font-size:8px;margin:12px auto}.deye{text-align:center;color:#2682f6;font-size:9px;font-weight:800;margin-top:25px}.flow-lines{height:160px;display:flex;flex-direction:column;justify-content:space-around}.flow-lines span{height:2px;background:#1bc879;position:relative}.flow-lines span:after{content:"";position:absolute;right:-1px;top:-4px;border-left:7px solid #1bc879;border-top:5px solid transparent;border-bottom:5px solid transparent}.left-lines span:first-child{border-radius:0 0 0 10px}.two-col{display:grid;grid-template-columns:1.1fr .85fr;gap:12px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.four-col{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px}.segmented{display:flex;border:1px solid #dce3ed;border-radius:7px;overflow:hidden}.segmented button{border:0;background:white;padding:6px 14px;font-size:9px;color:#58667a;cursor:pointer}.segmented button.active{background:#edf5ff;color:#1570ef}.chart-area{position:relative;height:220px;padding:25px 15px 28px 38px}.y-labels{position:absolute;left:13px;top:25px;bottom:30px;display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#94a0b0}.bars{height:165px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #dde4ed;background:repeating-linear-gradient(to top,#eef2f6 0,#eef2f6 1px,transparent 1px,transparent 33px)}.bars i{display:block;flex:1;background:linear-gradient(#22cc7a,#47d892);border-radius:2px 2px 0 0}.bars i:nth-child(-n+6){background:linear-gradient(#4090ff,#5aa0ff)}.x-labels{display:flex;justify-content:space-between;margin-top:8px;font-size:8px;color:#8794a7}.weather-card{padding-bottom:15px}.weather-now{display:flex;align-items:center;gap:16px;padding:23px 18px}.weather-now>span{font-size:42px}.weather-now strong{font-size:28px}.weather-now div{font-size:11px}.weather-now small{display:block;margin-top:6px;color:#8896a8}.forecast{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;padding:0 14px}.forecast div{text-align:center;font-size:9px;padding:8px;background:#f8fafc;border-radius:8px}.forecast small{display:block;color:#77859a;margin-top:5px}.integration-banner{padding:16px;display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;align-items:center}.integration-banner h3{font-size:13px;margin:4px 0}.integration-banner p{font-size:9px;color:#76859a}.integration-logo{font-size:26px;color:#1570ef}.integration-info{display:flex;flex-direction:column;gap:5px}.integration-info span{font-size:8px;color:#8290a3}.integration-info code,.block-code{background:#f0f4fb;color:#246fe5;padding:7px;border-radius:6px;font-size:9px}.integration-banner pre,.integration-doc pre{background:#092f50;color:#eaf5ff;padding:12px;border-radius:8px;font-size:9px;overflow:auto;line-height:1.5}.donut-wrap{display:flex;align-items:center;gap:20px;padding:18px}.donut{width:110px;height:110px;border-radius:50%;background:conic-gradient(#29c878 0 75%,#ffab2d 75% 87.5%,#ef4444 87.5% 100%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:72px;height:72px;border-radius:50%;background:white}.donut div{z-index:1;text-align:center}.donut b{display:block;font-size:15px}.donut small{font-size:8px;color:#8290a5}.legend{display:flex;flex-direction:column;gap:10px;font-size:9px;flex:1}.legend span{display:flex;align-items:center;gap:6px}.legend b{margin-left:auto}.legend i{width:8px;height:8px;border-radius:50%}.legend .ok{background:#29c878}.legend .warn{background:#ffad28}.legend .err{background:#ef4444}.btn{border:0;border-radius:8px;padding:9px 14px;font-size:10px;cursor:pointer;font-weight:600}.btn.primary{background:#1673ff;color:white}.btn.secondary{background:#eef4ff;color:#176de1}.btn.ghost{background:white;border:1px solid #dfe5ed;color:#176de1}.btn.full{width:calc(100% - 28px);margin:0 14px 14px}.danger-btn{border:1px solid #ffd0d0;background:#fff4f4;color:#d82f3b}.info-list{padding:12px 14px}.info-list>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:9px}.info-list span{color:#7d899a}.badge{display:inline-block;border-radius:6px;padding:4px 8px;font-size:8px;font-weight:600}.badge.good{background:#dcf8ea;color:#17a963}.badge.warning{background:#fff3d7;color:#c77b00}.badge.danger{background:#ffe7e7;color:#dc3434}.badge.neutral{background:#eef2f6;color:#65758a}.alert-list{padding:8px 14px 12px}.alert-list>div{display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef1f5;padding:10px 0}.alert-ico{width:23px;height:23px;border-radius:6px;display:grid;place-items:center;color:white;font-weight:800;font-size:11px}.alert-ico.warn{background:#ffad28}.alert-ico.err{background:#ef4444}.alert-list b{font-size:9px;display:block}.alert-list small{font-size:8px;color:#8794a7}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.page-header h2{font-size:21px;margin:0 0 4px}.page-header p{margin:0;color:#7b8798;font-size:11px}.filters{display:flex;gap:10px;margin-bottom:12px}.filters input{flex:1}.filters select{min-width:170px}.table-card{overflow:auto}.table-card table{width:100%;border-collapse:collapse;font-size:10px}.table-card th{text-align:left;background:#f7f9fc;color:#748096;padding:12px;border-bottom:1px solid #e4e9f0}.table-card td{padding:13px 12px;border-bottom:1px solid #edf0f4;color:#3f4e63}.table-card td b{display:block}.table-card td small{display:block;color:#97a2b0;margin-top:2px}.metric{padding:17px}.metric span{font-size:10px;color:#79869a}.metric strong{display:block;font-size:21px;margin:7px 0}.metric small{font-size:9px;color:#8d99a8}.hero-flow{padding:32px;display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;min-height:310px}.mini-source{min-width:150px;padding:18px;border:1px solid #e0e7ef;border-radius:12px;text-align:center}.mini-source span{display:block;font-size:32px}.mini-source b,.mini-source strong,.mini-source small{display:block}.mini-source b{font-size:11px;margin:6px 0}.mini-source strong{font-size:16px}.mini-source small{font-size:8px;color:#7e8b9c;margin-top:4px}.connector{font-size:25px;color:#18b96c}.data-grid{display:grid;grid-template-columns:1fr 1fr;padding:12px 15px 18px;gap:9px}.data-grid div{padding:12px;background:#f8fafc;border-radius:8px}.data-grid span{display:block;font-size:9px;color:#7a879a}.data-grid b{font-size:13px}.battery-overview{display:grid;grid-template-columns:260px 1fr;padding:28px;margin-bottom:12px}.battery-visual{text-align:center}.battery-body{width:100px;height:190px;border:7px solid #27364a;border-radius:14px;margin:0 auto 12px;position:relative;overflow:hidden;background:#f3f5f8}.battery-body:before{content:"";position:absolute;width:36px;height:9px;background:#27364a;left:25px;top:-15px;border-radius:4px 4px 0 0}.battery-fill{position:absolute;left:0;right:0;bottom:0;background:linear-gradient(#48db8f,#1dbd70)}.battery-body span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;font-weight:800;z-index:2}.battery-visual b,.battery-visual small{display:block}.battery-visual small{font-size:9px;color:#8491a1;margin-top:4px}.battery-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-content:center}.battery-stats div{background:#f8fafc;padding:18px;border-radius:10px}.battery-stats span{display:block;color:#7a879b;font-size:9px}.battery-stats strong{font-size:18px}.cell-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;padding:15px}.cell-grid span{padding:12px 8px;background:#e8fff3;border:1px solid #bcebd2;border-radius:7px;text-align:center;font-size:10px;color:#11774a}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:15px;gap:12px}.phase-grid div{background:#f8fafc;border-radius:10px;padding:15px}.phase-grid b,.phase-grid span{display:block}.phase-grid span{font-size:10px;color:#5c6b80;padding-top:8px}.timeline{padding:5px 18px}.timeline-item{display:grid;grid-template-columns:70px 1fr auto;gap:18px;padding:18px 0;border-bottom:1px solid #edf0f4;align-items:start}.timeline-item .time{font-weight:800;color:#66768a}.timeline-item b{font-size:11px}.timeline-item p{font-size:10px;color:#66758a;margin:5px 0}.timeline-item small{font-size:8px;color:#97a2b1}.large-chart{margin-top:12px}.area-demo{height:330px;padding:25px}.area-demo svg{width:100%;height:100%;background:repeating-linear-gradient(to top,#edf1f5 0,#edf1f5 1px,transparent 1px,transparent 55px)}.gauge-card{text-align:center;padding:18px}.big-gauge{width:210px;height:105px;overflow:hidden;margin:28px auto 10px;position:relative}.big-gauge:before{content:"";position:absolute;width:210px;height:210px;border-radius:50%;background:conic-gradient(from 270deg,#24c57a 0 41%,#e7edf3 41% 50%,transparent 50%);left:0;top:0}.big-gauge:after{content:"";position:absolute;width:145px;height:145px;background:white;border-radius:50%;left:32px;top:32px}.big-gauge div{position:absolute;z-index:2;left:0;right:0;bottom:4px}.big-gauge strong{display:block;font-size:25px}.big-gauge small{font-size:9px;color:#8190a3}.loss-list{padding:15px}.loss-list div{display:flex;justify-content:space-between;padding:13px;border-bottom:1px solid #edf1f5;font-size:10px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.report-card{padding:20px}.report-card>span{font-size:30px}.report-card h3{font-size:13px;margin:12px 0 6px}.report-card p{font-size:9px;color:#78869a;line-height:1.6;min-height:43px}.form-card{padding:20px}.form-card h2{margin-bottom:14px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:18px}.form-grid label,.form-stack label{font-size:9px;color:#6d7b90}.form-grid input,.form-grid select,.form-stack input,.form-stack select{display:block;width:100%;margin-top:6px}.form-stack{display:flex;flex-direction:column;gap:13px}.role-card{padding:18px}.role-card>div:first-child{display:flex;justify-content:space-between;align-items:center}.role-card h3{font-size:13px;margin:0}.role-card p{font-size:9px;color:#77869a;line-height:1.6}.permission-tags{display:flex;flex-wrap:wrap;gap:6px}.permission-tags span{padding:5px 8px;border-radius:6px;background:#eef4ff;color:#246edf;font-size:8px}.integration-doc-layout{display:grid;grid-template-columns:220px 1fr;gap:12px}.integration-menu{padding:14px;display:flex;flex-direction:column;gap:5px}.integration-menu b{font-size:11px;padding:5px 8px 10px}.integration-menu button{border:0;background:transparent;text-align:left;padding:9px 10px;border-radius:7px;font-size:9px;color:#65758a;cursor:pointer}.integration-menu button.active,.integration-menu button:hover{background:#edf5ff;color:#166fe5}.integration-doc{padding:22px}.integration-doc h2{font-size:19px;margin-bottom:8px}.integration-doc h3{font-size:12px;margin-top:20px}.integration-doc p{font-size:10px;color:#65758a;line-height:1.6}.block-code{display:block;margin-top:8px}.integration-doc pre{font-size:10px;padding:15px}.integration-note{background:#fff8df;border:1px solid #f5df9c;color:#815e00;padding:12px;border-radius:8px;font-size:9px;line-height:1.5}.credential-card{padding:18px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:20px}.credential-card>div:first-child{display:flex;align-items:center;gap:12px}.credential-icon{width:42px;height:42px;border-radius:10px;background:#eef4ff;display:grid;place-items:center}.credential-card h3{font-size:11px;margin:0}.credential-card p{font-size:8px;color:#8794a7;margin:4px 0 0}.credential-card code{background:#f5f7fa;padding:9px 12px;border-radius:7px;font-size:9px}.credential-actions{display:flex;gap:7px}

@media (max-width:1200px){.kpi-grid,.four-col{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:900px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main{margin-left:0;width:100%}.mobile-menu{display:inline-block}.topbar-actions .user-chip,.topbar-actions .icon-btn:nth-of-type(2){display:none}.two-col,.three-col,.battery-overview,.integration-doc-layout{grid-template-columns:1fr}.dashboard-side{grid-template-columns:1fr}.energy-flow{grid-template-columns:1fr;gap:10px}.flow-lines{height:25px}.flow-lines span{transform:rotate(90deg);width:25px;margin:auto}.integration-banner{grid-template-columns:1fr}.battery-stats{grid-template-columns:repeat(2,1fr)}.cell-grid{grid-template-columns:repeat(4,1fr)}.form-grid{grid-template-columns:1fr 1fr}.phase-grid{grid-template-columns:1fr}.sidebar-footer{display:none}}
@media (max-width:600px){.content{padding:12px}.topbar{padding:0 12px}.topbar-actions .select{display:none}.kpi-grid,.four-col,.report-grid,.form-grid{grid-template-columns:1fr}.weather-strip{justify-content:space-between;gap:5px}.page-header{align-items:flex-start;gap:10px}.filters{flex-direction:column}.filters select{min-width:0}.battery-stats{grid-template-columns:1fr}.cell-grid{grid-template-columns:repeat(2,1fr)}.timeline-item{grid-template-columns:48px 1fr}.timeline-item>.badge{grid-column:2}.credential-card{align-items:flex-start;flex-direction:column}.credential-actions{width:100%}.topbar h1{font-size:14px}.topbar p{display:none}}
.live-details{margin-top:12px}.live-details .info-list b{max-width:58%;text-align:right;overflow-wrap:anywhere}.live-details .table-card td:first-child{color:#176de1}.alert-ico.ok{background:#29c878}.alert-card.resolved{opacity:.68}.alert-card.resolved b{text-decoration:line-through;text-decoration-thickness:1px}.alert-advice{margin-top:10px;padding:12px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;display:grid;grid-template-columns:145px 1fr;gap:7px 12px}.alert-advice strong{font-size:9px;color:#334155}.alert-advice span{font-size:10px;color:#55657a;line-height:1.5}.ack-alert-btn{margin-top:10px}.badge.good{background:#dcf8ea;color:#17a963}@media (max-width:600px){.alert-advice{grid-template-columns:1fr}.timeline-item.alert-card{grid-template-columns:48px 1fr}.timeline-item.alert-card>.badge{grid-column:2}}
.power-profile-card{margin-bottom:14px;padding:28px 34px 22px;border-radius:24px;overflow:hidden}.profile-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.profile-head h2{font-size:24px;font-weight:600;margin:0;color:#111827;letter-spacing:0}.profile-actions{display:flex;align-items:center;gap:22px}.profile-actions .btn.primary{font-size:15px;border-radius:22px;padding:10px 24px}.date-pill{display:flex;align-items:center;gap:12px;background:#f3f3f3;border-radius:28px;padding:7px 12px}.date-pill .icon-btn{background:transparent;font-size:24px;color:#7a7d82;padding:3px 8px}.date-pill input{border:0;background:transparent;color:#62666d;font-size:18px;outline:none;width:145px}.profile-legend{display:flex;gap:34px;align-items:center;margin:32px 0 12px;color:#777;font-size:18px;font-weight:600}.profile-legend span{display:flex;align-items:center;gap:10px}.profile-legend i{width:12px;height:12px;display:inline-block;flex:0 0 12px}.profile-legend .production{background:#37c979;border-radius:50%}.profile-legend .pv1{background:#df7bf7;transform:rotate(45deg);border-radius:2px}.profile-legend .pv2{background:#07889a}.profile-chart-wrap{height:372px;margin:0 -4px}.profile-chart-wrap svg{width:100%;height:100%;display:block;overflow:visible}.grid-line{stroke:#e1e1e1;stroke-width:1.2}.axis-label,.axis-unit{fill:#74777c;font-size:18px;font-weight:700}.axis-unit{font-size:19px}.profile-line{fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}.production-line{stroke:#36c978}.pv1-line{stroke:#df7bf7;stroke-width:1.8;opacity:.75}.pv2-line{stroke:#07889a;stroke-width:1.8;opacity:.72}.profile-hover-line{stroke:#cfd2d6;stroke-width:1.4}.profile-hover-dot{stroke:white;stroke-width:3}.production-dot{fill:#36c978}.pv1-dot{fill:#df7bf7}.pv2-dot{fill:#07889a}.profile-tooltip{position:fixed;z-index:9999;display:none;min-width:210px;padding:12px 14px;border-radius:10px;background:rgba(65,65,65,.86);color:white;box-shadow:0 10px 26px rgba(15,23,42,.22);font-size:14px;line-height:1.45;pointer-events:none}.profile-tooltip:after{content:"";position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid rgba(65,65,65,.86)}.profile-tooltip b{display:block;margin-bottom:7px;font-size:15px}.profile-tooltip span{display:flex;align-items:center;gap:7px;white-space:nowrap}.profile-tooltip i{width:10px;height:10px;display:inline-block}.profile-tooltip .production{background:#36c978;border-radius:50%}.profile-tooltip .pv1{background:#df7bf7;transform:rotate(45deg);border-radius:2px}.profile-tooltip .pv2{background:#07889a}.empty-chart{fill:#7b8798;font-size:16px}.profile-foot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:8px;padding-top:12px;border-top:1px solid #eef2f6;color:#65758a;font-size:12px}.profile-foot span{display:flex;min-width:0;align-items:baseline;justify-content:center;gap:6px;white-space:nowrap}.profile-foot b{color:#18243a;font-size:13px}@media (max-width:1200px){.profile-foot{grid-template-columns:repeat(3,minmax(0,1fr))}.profile-foot span{justify-content:flex-start}}@media (max-width:900px){.profile-head{align-items:flex-start;flex-direction:column}.profile-actions{width:100%;justify-content:space-between}.profile-legend{font-size:15px;gap:18px}.axis-label,.axis-unit{font-size:15px}.profile-chart-wrap{height:330px}}@media (max-width:600px){.power-profile-card{padding:18px 14px;border-radius:16px}.profile-actions{align-items:flex-start;flex-direction:column;gap:10px}.date-pill{width:100%;justify-content:space-between}.profile-chart-wrap{height:300px;margin:0 -8px}.profile-legend{flex-wrap:wrap;margin:22px 0 12px}.profile-foot{grid-template-columns:1fr 1fr}.profile-foot span{justify-content:flex-start}.profile-tooltip{min-width:180px;font-size:12px}}

.status.warning{color:#d97706}.status.danger{color:#dc2626}.energy-flow{position:relative}.flow-node{position:relative;transition:border-color .2s,box-shadow .2s,background .2s,transform .2s}.flow-node.active{border-color:#b9efd2;background:linear-gradient(180deg,#ffffff 0%,#f4fff9 100%);box-shadow:0 0 0 1px rgba(36,199,122,.08),0 8px 20px rgba(36,199,122,.07)}.flow-node.warning{border-color:#ffd991;background:#fffaf0;box-shadow:0 0 0 1px rgba(217,119,6,.08)}.flow-node.danger{border-color:#ffb4b4;background:#fff7f7;box-shadow:0 0 0 1px rgba(220,38,38,.09),0 8px 20px rgba(220,38,38,.06)}.flow-node.idle{border-color:#dae3ee;background:#fcfdff}.flow-node.danger:after,.flow-node.warning:after{position:absolute;right:10px;top:9px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:800}.flow-node.warning:after{content:"!";background:#fff1cc;color:#b45309}.flow-node.danger:after{content:"!";background:#fee2e2;color:#dc2626}.inverter-node.active .display{background:#1f8f5b}.inverter-node.warning .display{background:#b45309}.inverter-node.danger .display{background:#dc2626}.flow-lines span{height:4px;border-radius:999px;background:#d9e2ee;color:#94a3b8;position:relative;overflow:visible;box-shadow:inset 0 0 0 1px rgba(15,23,42,.03);transition:background .2s,box-shadow .2s,color .2s}.flow-lines span:after{right:-2px;top:-4px;border-left-width:8px;border-left-color:currentColor;border-top-width:6px;border-bottom-width:6px}.flow-lines span:before{content:"";position:absolute;top:-3px;left:0;width:36px;height:10px;border-radius:999px;opacity:0;transform:translateX(-44px);pointer-events:none}.flow-lines span.active{background:linear-gradient(90deg,#78e6ad,#19bf70);color:#19bf70;box-shadow:0 0 0 1px rgba(27,200,121,.08),0 0 16px rgba(27,200,121,.28)}.flow-lines span.active:before{opacity:1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);animation:flowTravel 1.35s linear infinite}.flow-lines span:nth-child(2).active:before{animation-delay:.45s}.flow-lines span.warning{background:linear-gradient(90deg,#ffd166,#f59e0b);color:#f59e0b;box-shadow:0 0 13px rgba(245,158,11,.24)}.flow-lines span.warning:before{opacity:.9;background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:flowTravel 1.9s linear infinite}.flow-lines span.danger{background:repeating-linear-gradient(90deg,#ef4444 0 12px,#fecaca 12px 20px);color:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.3);animation:lineAlert 1s ease-in-out infinite}.flow-lines span.idle{background:#d9e2ee;color:#94a3b8}.flow-lines span.idle:before,.flow-lines span.danger:before{animation:none;opacity:0}@keyframes flowTravel{to{transform:translateX(calc(100% + 44px))}}@keyframes lineAlert{50%{filter:saturate(1.5);opacity:.58}}@media (prefers-reduced-motion:reduce){.flow-lines span.active:before,.flow-lines span.warning:before,.flow-lines span.danger{animation:none}}

.solar-3d-panel{margin:0 0 14px}.solar-3d-scene{position:relative;min-height:690px;border:1px solid #e3e8ef;border-radius:18px;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eef2f6 100%);box-shadow:0 18px 48px rgba(25,36,58,.08)}.scene-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#dce2eb 1.6px,transparent 1.6px);background-size:42px 42px;opacity:.72}.solar-house-img{position:absolute;left:50%;top:50%;width:min(1180px,108%);max-width:none;transform:translate(-50%,-49%);filter:drop-shadow(0 24px 34px rgba(15,23,42,.13));user-select:none}.scene-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.wire{fill:none;stroke:#a6afbd;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;opacity:.82}.wire-solar,.wire-battery{stroke:#9ba5b3}.wire-load{stroke:#a7b0bd}.scene-metric,.scene-bottom{position:absolute;text-align:center;color:#1c2738;text-shadow:0 1px 0 rgba(255,255,255,.8)}.scene-metric strong,.scene-bottom strong{display:block;font-size:34px;line-height:1;font-weight:800;letter-spacing:0}.scene-metric span,.scene-bottom span{display:block;margin-top:5px;color:#667386;font-size:20px;font-weight:500}.scene-metric small,.scene-bottom small{display:block;margin-top:2px;color:#99a2b1;font-size:17px;font-weight:700}.scene-yield{position:absolute;left:50%;top:52px;transform:translateX(-50%);padding:6px 16px;border:2px solid #f59e0b;border-radius:999px;background:rgba(255,255,255,.82);box-shadow:0 8px 22px rgba(245,158,11,.12);color:#92400e;font-size:17px;font-weight:800}.scene-solar{left:50%;top:91px;transform:translateX(-50%)}.scene-grid-metric{left:18.5%;top:96px;transform:translateX(-50%)}.scene-bottom{top:auto;bottom:70px}.scene-load{left:40%}.scene-battery{left:54.5%;transform:translateX(-50%)}.scene-backup{left:71.5%;transform:translateX(-50%)}.scene-device-card{position:absolute;right:20px;bottom:22px;min-width:178px;padding:13px 18px;border-radius:10px;background:rgba(255,255,255,.92);box-shadow:0 12px 26px rgba(15,23,42,.1);text-align:center}.scene-device-card b{display:block;font-size:15px;color:#162033}.scene-device-card span{display:block;margin-top:6px;color:#f59e0b;font-weight:800}.mini-brand{display:inline-flex;align-items:center;justify-content:center;min-width:86px;height:44px;margin-bottom:8px;border:1px solid #e5ebf3;border-radius:8px;background:white;color:#2563eb;font-size:16px;font-weight:900;box-shadow:0 10px 24px rgba(15,23,42,.08)}.energy-pulse{position:absolute;width:32px;height:8px;border-radius:999px;background:#facc15;box-shadow:0 0 14px rgba(250,204,21,.65);z-index:2}.pulse-grid{left:23%;top:40%;animation:gridPulse 2.6s linear infinite}.pulse-solar{left:62%;top:39%;background:#20d18b;box-shadow:0 0 14px rgba(32,209,139,.65);animation:solarPulse 2.1s linear infinite}.pulse-battery{left:55%;top:64%;background:#20d18b;box-shadow:0 0 14px rgba(32,209,139,.65);animation:batteryPulse 2.3s linear infinite}.pulse-load{left:44%;top:62%;background:#facc15;animation:loadPulse 2.8s linear infinite}.solar-3d-scene.is-idle .energy-pulse{animation-play-state:paused;opacity:.32}.solar-3d-scene.is-warning .wire-grid{stroke:#f59e0b}.solar-3d-scene.is-danger .wire{stroke:#ef4444}.solar-3d-scene.is-danger .energy-pulse{background:#ef4444;box-shadow:0 0 15px rgba(239,68,68,.65)}@keyframes gridPulse{0%{transform:translate(0,-78px)}45%{transform:translate(48px,70px)}100%{transform:translate(250px,70px)}}@keyframes solarPulse{0%{transform:translate(0,-70px) rotate(116deg)}100%{transform:translate(-64px,92px) rotate(116deg)}}@keyframes batteryPulse{0%{transform:translate(0,-62px)}100%{transform:translate(0,92px)}}@keyframes loadPulse{0%{transform:translate(170px,-64px)}100%{transform:translate(0,90px)}}@media (max-width:1200px){.solar-3d-scene{min-height:610px}.solar-house-img{width:1120px}.scene-metric strong,.scene-bottom strong{font-size:30px}.scene-metric span,.scene-bottom span{font-size:17px}.scene-metric small,.scene-bottom small{font-size:14px}.scene-bottom{bottom:54px}}@media (max-width:900px){.solar-3d-scene{min-height:560px;border-radius:14px}.solar-house-img{width:1000px;top:51%}.scene-yield{top:28px;font-size:14px}.scene-solar{top:66px}.scene-grid-metric{top:78px;left:20%}.scene-metric strong,.scene-bottom strong{font-size:25px}.scene-metric span,.scene-bottom span{font-size:14px}.scene-metric small,.scene-bottom small{font-size:12px}.scene-bottom{bottom:42px}.scene-device-card{right:12px;bottom:12px;min-width:142px;padding:9px 11px}.scene-device-card b{font-size:12px}.scene-device-card span{font-size:12px}}@media (max-width:600px){.solar-3d-scene{min-height:470px}.solar-house-img{width:850px;top:51%;left:54%}.scene-grid{background-size:32px 32px}.scene-yield{top:16px;padding:5px 12px;font-size:12px}.scene-solar{top:53px;left:58%}.scene-grid-metric{top:60px;left:22%}.mini-brand{min-width:64px;height:32px;font-size:12px}.scene-metric strong,.scene-bottom strong{font-size:20px}.scene-metric span,.scene-bottom span{font-size:12px}.scene-metric small,.scene-bottom small{font-size:10px}.scene-bottom{bottom:33px}.scene-load{left:31%}.scene-battery{left:53%}.scene-backup{left:77%}.scene-device-card{display:none}.wire{stroke-width:6}.energy-pulse{width:23px;height:7px}}@media (prefers-reduced-motion:reduce){.energy-pulse{animation:none}}