.inverter-settings{min-width:0}.control-heading h2{flex:1}.inverter-settings .control-icon{width:42px;height:42px;flex:0 0 42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer}.inverter-settings button:disabled{opacity:.45;cursor:default}.inverter-settings input,.inverter-settings select{color:var(--text);background:var(--surface);border:1px solid var(--line);border-radius:6px;min-height:42px;font:inherit;padding:8px 10px;min-width:0}.inverter-settings input:focus-visible,.inverter-settings select:focus-visible,.inverter-settings button:focus-visible{outline:2px solid var(--green);outline-offset:2px}.control-toolbar{display:flex;align-items:end;gap:12px;margin:6px 0 12px}.control-toolbar label{display:grid;gap:8px;flex:1;min-width:0;font-size:13px}.control-toolbar select{width:100%}.control-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,1fr);gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.control-field label{font-size:14px;line-height:1.5}.control-field small{display:block;color:var(--muted);font-size:12px;margin-top:5px}.control-editor{display:flex;align-items:center;gap:10px;justify-content:end;min-width:0}.control-editor select{width:100%;font-size:13px}.control-percent{display:flex;align-items:center;gap:8px}.control-percent input{width:92px;text-align:right}.control-note{color:var(--muted);font-size:12px;line-height:1.6}.control-error{color:#ba363b;font-size:14px;line-height:1.5;overflow-wrap:anywhere}.control-login{display:grid;gap:10px}.control-login>div{display:flex;gap:10px;flex-wrap:wrap}.control-login input{flex:1}.control-command{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:10px 14px;min-height:42px;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--text);cursor:pointer;font-size:13px}.control-command.primary{background:var(--green);color:#fff;border-color:var(--green)}.control-result{margin-top:22px;border-top:1px solid var(--line);padding-top:18px;line-height:1.7;font-size:13px}.control-result>div{display:grid;gap:3px;border-bottom:1px solid var(--line);padding:14px 0}.control-result>div span{color:var(--muted)}.control-pending{padding:14px 0;font-size:13px;line-height:1.6}.control-pending button{margin:4px 8px 4px 0}.control-dialog{box-sizing:border-box;position:fixed;top:0;right:0;bottom:0;left:0;margin:auto;width:min(500px,calc(100% - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:24px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}.control-dialog::backdrop{background:#10202b77}.control-dialog-heading{display:flex;align-items:center;gap:14px}.control-dialog-heading h2{flex:1;font-size:20px}.control-dialog h3{font-size:16px;line-height:1.5}.control-dialog p{line-height:1.6;overflow-wrap:anywhere}.control-difference{font-size:18px}.control-actions{display:flex;gap:10px;justify-content:end;flex-wrap:wrap}@media(max-width:600px){.control-field{grid-template-columns:minmax(0,1fr);gap:10px}.control-editor{justify-content:space-between}.control-dialog{padding:18px}.control-actions{flex-direction:column-reverse}}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/Manrope-Regular.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/Manrope-Medium.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/Manrope-Semibold.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/Manrope-Bold.ttf) format("truetype")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;font-display:swap;src:url(/Manrope-Extrabold.ttf) format("truetype")}:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#24312d;background:#f5f7f6;font-synthesis:none;font-weight:500;font-size:13px;--bg: #f5f7f6;--surface: #fff;--surface-soft: #f8faf9;--text: #24312d;--muted: #89928e;--line: #e8edea;--green: #218776;--green-soft: #eff7f2;--shadow: 0 12px 40px #142a2114;letter-spacing:0}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #218776;outline-offset:4px}button{border:0}h1,h2,h3,p{margin:0}button,select,input{letter-spacing:0}h1{font-size:28px;font-weight:750;line-height:1.3}h2{font-size:15px;font-weight:750;line-height:1.5}h3{font-size:14px;font-weight:700}small{font-size:11px}svg{flex-shrink:0}button{background:none}.muted{color:var(--muted)}.app-shell{min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;z-index:40;display:flex;flex-direction:column;background:#192b26;color:#b9c7c0;padding:30px 16px 0}.brand{display:flex;align-items:center;gap:11px;color:#f4f7f5;padding:0 10px 30px;font-size:17px;font-weight:800;white-space:nowrap}.brand-symbol{color:#daebaa;display:flex;align-items:center;justify-content:center;width:35px;height:40px}.brand small{display:block;font-size:8px;font-weight:500;margin-top:4px;color:#839c8f}.site-selector{display:flex;gap:10px;align-items:center;border:1px solid #ffffff18;background:#ffffff04;border-radius:6px;padding:13px 10px;color:#e0e6e2;font-size:12px}.site-selector small{display:block;font-size:9px;color:#8a9e93;margin-top:4px}.site-icon{display:grid;place-items:center;color:#b6c7bf}.tiny-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#54a484;flex-shrink:0}.tiny-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:600;color:#6f877b;padding:31px 14px 13px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:12px;min-height:43px;padding:10px 14px;border-radius:5px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.nav-item svg{color:#7f978b}.nav-item small{margin-left:auto;font-size:10px;padding:1px 5px;background:#ffffff0a;border-radius:3px}.nav-item:hover{background:#ffffff08;color:#fff}.nav-item.active{background:#deedb5;color:#22382b}.nav-item.active svg{color:#314e3b}.nav-event-dot{width:5px;height:5px;border-radius:50%;background:#b6c783;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:32px}.plant-thumb{height:107px;position:relative;overflow:hidden;margin:0 6px 25px;border-radius:5px}.plant-thumb img{width:100%;height:100%;object-fit:cover;object-position:center 65%}.plant-thumb:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#132821dc)}.plant-thumb>span{position:absolute;bottom:10px;left:11px;display:flex;align-items:center;gap:7px;font-size:10px;font-weight:600;color:#fff;z-index:1}.sidebar-footer{display:flex;align-items:center;gap:10px;border-top:1px solid #ffffff12;padding:21px 8px;margin-top:18px;color:#e1e8e3;font-size:12px}.sidebar-footer small{display:block;font-size:9px;color:#82998b;margin-top:4px}.sidebar-footer .icon-button{margin-left:auto;color:#8a9c92}.avatar{height:31px;width:31px;border-radius:50%;background:#dbe7d4;color:#48614a;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.workspace{margin-left:234px}.topbar{height:72px;display:flex;justify-content:space-between;align-items:center;padding:0 34px;border-bottom:1px solid var(--line);background:var(--surface)}.breadcrumb{display:flex;align-items:center;gap:15px;color:var(--muted);font-size:11px}.breadcrumb strong{font-weight:600;color:var(--text)}.breadcrumb-divider{color:#c7cfca}.topbar-actions{display:flex;align-items:center;gap:13px}.demo-badge{color:#827547;background:#f8f5e9;border:1px solid #eee8d4;border-radius:4px;padding:4px 8px;font-size:10px}.topbar-divider{height:22px;width:1px;background:var(--line);margin:0 2px}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);border-radius:5px;flex-shrink:0}.icon-button:hover{background:var(--line);color:var(--text)}.notification-button{position:relative}.notification-button i{position:absolute;top:5px;right:7px;width:5px;height:5px;background:#c7a151;border-radius:50%;border:1px solid var(--surface)}.header-avatar{margin-left:8px;width:30px;height:30px}.menu-toggle{display:none}main{max-width:1640px;margin:0 auto;padding:30px 34px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:700;color:var(--muted);margin-bottom:7px}.page-heading p{font-size:12px;color:var(--muted);margin-top:8px}.heading-meta{display:flex;align-items:flex-end;flex-direction:column;gap:10px}.date-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#7d8982}.badge{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;font-size:10px;font-weight:600;border-radius:4px;padding:4px 7px;line-height:1.4}.badge.green{background:#eef7f0;color:#468b5b}.badge.neutral{background:var(--surface-soft);color:var(--muted);border:1px solid var(--line)}.badge.neutral .status-dot{background:#a5afaa}.badge.amber{background:#fff4dd;color:#a07825}.badge.amber .status-dot{background:#bd8c2d}.metric-strip,.analytics-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:26px}.metric-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:18px 18px 16px;position:relative;min-width:0}.metric-top{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600}.metric-top>small{margin-left:auto;font-size:8px;color:#a2aba5;font-weight:500;white-space:nowrap}.metric-icon{width:29px;height:29px;border-radius:6px;display:grid;place-items:center;flex-shrink:0}.gold{--accent: #c7962c}.green{--accent: #218776}.blue{--accent: #648bb9}.violet{--accent: #9984b7}.metric-icon.gold,.node-icon.gold{background:#fbf5e6;color:#c59b37}.metric-icon.green,.node-icon.green{background:#eaf4ef;color:#478974}.metric-icon.blue,.node-icon.blue{background:#ecf2fa;color:#7093bc}.metric-icon.violet{background:#f2edf8;color:#a58ab9}.metric-number{font-weight:650;font-size:34px;line-height:1.3;margin-top:11px;font-variant-numeric:tabular-nums;white-space:nowrap}.metric-number>span{font-size:13px;color:#949e97;font-weight:500;margin-left:7px}.metric-caption{margin-top:8px;color:#8c9890;font-size:10px;display:flex;align-items:center;gap:6px}.metric-caption .status-dot{background:var(--accent);width:4px;height:4px}.metric-caption svg{color:var(--accent)}.overview-middle{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:26px}.flow-section{min-width:0;padding:21px 23px 0;border-right:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:17px}.section-heading>div>span{display:block;margin-top:3px;font-size:11px;color:var(--muted)}.section-heading>span{font-size:11px;color:var(--muted)}.live-marker{display:flex;align-items:center;gap:6px;font-size:10px!important;color:#91a294!important}.live-marker>span{width:5px;height:5px;background:#86ac88;border-radius:50%}.flow-canvas{height:303px;position:relative;max-width:760px;margin:auto}.flow-canvas:before{content:"";position:absolute;top:15px;right:0;bottom:10px;left:0;background-image:radial-gradient(#9fafaa24 .8px,transparent .8px);background-size:17px 17px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 73%);mask-image:radial-gradient(ellipse,#000,transparent 73%);pointer-events:none}.flow-node{position:absolute;display:flex;align-items:center;flex-direction:column;width:132px;gap:5px;font-size:10px;color:#8b948f;z-index:2;background:var(--surface)}.flow-node strong{font-size:23px;color:var(--text);font-weight:650;line-height:1.2;font-variant-numeric:tabular-nums}.flow-node strong small{font-size:10px;color:var(--muted);font-weight:500}.node-icon{display:grid;place-items:center;width:50px;height:45px;border-radius:8px;margin-bottom:3px}.node-icon.red{color:#bb6154;background:#fcf0ed}.solar-node{left:50%;top:-5px;transform:translate(-50%)}.solar-node .node-icon{width:48px;height:40px;background:transparent}.battery-node{left:3%;top:112px}.home-node{right:3%;top:115px}.flow-state{font-size:9px;margin-top:2px}.battery-drawing{height:37px;width:26px;border:1.5px solid #aa96bc;border-radius:4px;position:relative;overflow:visible;margin:2px 0 9px;background:#f3eef6}.battery-drawing:before{content:"";position:absolute;width:10px;height:3px;top:-5px;left:6px;border-radius:2px 2px 0 0;background:#b6a4c4}.battery-drawing>span{position:absolute;bottom:2px;left:2px;right:2px;max-height:90%;background:#b9a4c9;border-radius:1px}.battery-drawing>svg{position:absolute;top:7px;right:0;bottom:0;left:0;color:#735c8a;width:23px;height:23px}.flow-hub{position:absolute;top:122px;left:50%;transform:translate(-50%);width:122px;height:90px;border:1px solid #dce4de;border-radius:8px;background:var(--surface);box-shadow:0 4px 12px #173c3507;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:3;gap:7px}.flow-hub:hover{border-color:#91ae98;box-shadow:0 4px 20px #173c3510}.hub-mark{color:#6f8d72}.flow-hub strong{font-size:9px;font-weight:800}.flow-hub>span{font-size:8px;color:var(--muted);display:flex;align-items:center;gap:7px}.grid-node{width:258px;bottom:10px;left:50%;transform:translate(-50%);flex-direction:row;gap:10px;text-align:left}.grid-node .node-icon{width:36px;height:35px;margin:0}.grid-node>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.grid-node strong{font-size:19px}.grid-node .badge{margin-left:auto;font-size:8px}.flow-wire{position:absolute;z-index:1;overflow:hidden;background:#dfe9e3}.wire-solar{top:81px;height:47px;width:2px;left:50%;background:#ead7a6}.wire-battery{top:165px;left:16%;width:34%;height:2px;background:#d8cbe0}.wire-home{top:165px;left:50%;width:34%;height:2px;background:#c1ddd2}.wire-grid{top:211px;left:50%;height:48px;width:2px;background:#d8e1ec}.flow-wire i{position:absolute;width:16px;height:2px;background:#5d9d87;animation:flowHorizontal 2.5s linear infinite}.wire-battery i{background:#a58ab9;animation-direction:reverse}.wire-battery.reverse i{animation-direction:normal}.wire-solar i{width:2px;height:13px;background:#cfad55;animation:flowVertical 2s linear infinite}.wire-grid i{width:2px;height:13px;animation:flowVertical 2s linear infinite reverse;background:#7292b6}.flow-wire.idle i{display:none}.flow-watt{font-size:9px;position:absolute;display:flex;align-items:center;gap:3px;color:#88a194;background:var(--surface);padding:3px 4px;z-index:2}.watt-solar{left:52%;top:93px;color:#bd9b4a}.watt-home{left:63%;top:145px}.flow-summary{display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line);padding:12px 0;color:#74917b;font-size:10px;min-height:40px}.daily-section{padding:21px 24px 16px;min-width:0}.daily-generation{margin-top:24px}.daily-generation>span{font-size:11px;color:#8f9a92}.daily-generation>div{display:flex;align-items:baseline;gap:8px;margin:7px 0}.daily-generation strong{font-size:37px;font-weight:650}.daily-generation>div>span{font-size:12px;color:var(--muted)}.daily-generation>small{font-size:9px;color:#6d9779;display:flex;align-items:center;gap:4px}.energy-progress{height:6px;display:flex;gap:4px;overflow:hidden;border-radius:2px;margin:24px 0 19px}.energy-progress>span:first-child{background:#5b9a83}.energy-progress>span:nth-child(2){background:#b5a3c6}.energy-progress>span:nth-child(3){background:#88a5c6}.energy-rows{display:flex;flex-direction:column;gap:14px}.energy-rows>div{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:10px}.energy-rows>div>span{display:flex;align-items:center;gap:7px;color:#8b968e}.energy-rows strong{font-size:12px;font-weight:650;white-space:nowrap}.energy-rows strong small{font-size:9px;font-weight:500;color:var(--muted)}.legend-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0}.self-sufficiency{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:19px;margin-top:23px}.donut{width:45px;height:45px;display:grid;place-items:center;background:conic-gradient(#7c9e75 var(--percent),#ecf0e7 0);border-radius:50%;position:relative;color:#8ea47b}.donut:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:var(--surface);border-radius:50%}.donut svg{z-index:1}.self-sufficiency>div:nth-child(2)>strong{font-size:22px;font-weight:650}.self-sufficiency strong>span{font-size:12px;color:var(--muted);margin-left:3px}.self-sufficiency small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.self-sufficiency button{margin-left:auto}.history-section{padding:20px 22px 18px;background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-width:0}.history-section.compact{margin-bottom:26px}.chart-actions{display:flex;align-items:center;gap:9px;min-width:0}.segmented{display:inline-flex;align-items:center;gap:2px;background:var(--surface-soft);padding:3px;border-radius:5px;border:1px solid var(--line)}.segmented>button{padding:6px 11px;font-size:10px;color:var(--muted);border-radius:3px;white-space:nowrap;min-height:28px}.segmented>button.selected{background:var(--surface);color:var(--text);box-shadow:0 1px 4px #142a2110}.segmented>button:hover{color:var(--text)}.chart-legend{display:flex;gap:16px;align-items:center;margin-top:5px;margin-bottom:10px}.chart-legend>button{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);padding:3px 0}.chart-legend>button.disabled-series{opacity:.35;text-decoration:line-through}.chart-unit{font-size:9px;color:var(--muted);margin-right:auto}.chart-container{width:100%;min-width:0}.chart-footnote{color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:20px;line-height:1.8}.text-button{color:#708379;font-size:11px;display:inline-flex;align-items:center;gap:6px;padding:5px 0}.text-button:hover{color:var(--green)}.inverter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.inverter-card{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:17px;text-align:left;min-width:0;transition:border-color .2s,box-shadow .2s}.inverter-card:hover{border-color:#a9c1b0;box-shadow:0 4px 15px #142a2106}.inverter-heading{display:flex;align-items:center;gap:10px;margin-bottom:21px}.phase-label{display:inline-flex;align-items:center;justify-content:center;min-width:33px;height:33px;border-radius:5px;background:#f6f0df;color:#b99a50;font-size:11px;font-weight:700}.phase-1{background:#edf2f9;color:#7291b9}.phase-2{background:#f2edf7;color:#a38abb}.inverter-heading h3{font-size:12px}.inverter-heading small{display:block;margin-top:4px;color:var(--muted);font-size:9px}.inverter-heading .badge{margin-left:auto;font-size:8px;padding:3px 5px}.inverter-heading>svg{display:none}.inverter-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.inverter-values>div>span{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9px}.inverter-values strong{font-size:19px;font-weight:600;display:block;margin-top:6px;white-space:nowrap}.inverter-values strong small{font-size:9px;font-weight:500;color:var(--muted)}.load-bar{height:4px;background:#edf1ee;border-radius:3px;margin-top:19px;overflow:hidden}.load-bar>span{display:block;height:100%;background:#88ac95;border-radius:3px}.inverter-footer{margin-top:8px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.bottom-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;font-size:10px;color:var(--muted)}.bottom-strip>span{display:flex;align-items:center;gap:6px}.page-footer{border-top:1px solid var(--line);margin-top:30px;padding:18px 0 0;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#95a198}.page-footer>span:first-child{color:#7c8a80}.page-footer .muted{margin:0 7px}.device-extra{margin-top:20px;border-top:1px solid var(--line);padding-top:15px}.device-extra>div{display:flex;justify-content:space-between;gap:10px;margin:13px 0;font-size:11px}.device-extra span{color:var(--muted)}.device-extra strong{font-weight:600}.connection-note{display:flex;align-items:flex-start;gap:13px;padding:22px 0;margin:10px 0 25px;color:#6c8c79;border-bottom:1px solid var(--line)}.connection-note strong{font-size:13px;color:var(--text)}.connection-note p{color:var(--muted);font-size:11px;margin-top:6px;line-height:1.8}.phase-summary{display:flex;align-items:center;gap:40px;margin-bottom:30px;background:var(--surface);padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.phase-summary>div{display:flex;align-items:center;gap:18px;padding-left:24px}.phase-summary svg{color:#90a685}.phase-summary span{font-size:11px;color:var(--muted)}.phase-summary strong{display:block;color:var(--text);font-size:31px;font-weight:650;margin-top:7px}.phase-summary p{max-width:300px;color:var(--muted);font-size:12px;line-height:1.8}.table-scroll{overflow:auto;margin-bottom:30px;border:1px solid var(--line);border-radius:5px;background:var(--surface)}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:11px;color:var(--muted);font-weight:600;padding:17px 24px;border-bottom:1px solid var(--line);background:var(--surface-soft)}td{padding:19px 24px;border-bottom:1px solid var(--line);font-size:12px}tr:last-child td{border-bottom:0}td:not(:first-child),th:not(:first-child){text-align:right}tbody tr:hover{background:var(--surface-soft)}.analytics-metrics{margin-top:25px}.analytics-metrics .metric-card>span{font-size:11px;color:var(--muted)}.analytics-body{display:grid;grid-template-columns:1.4fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0;background:var(--surface)}.analytics-body>section{padding:28px}.analytics-row{margin-top:26px}.analytics-row>div:first-child{display:flex;justify-content:space-between;font-size:12px}.analytics-row strong{font-weight:600}.analytics-bar{height:8px;background:var(--line);border-radius:2px;margin-top:12px;overflow:hidden}.analytics-bar>span{height:100%;display:block}.independence{border-left:1px solid var(--line);text-align:center;display:flex;align-items:center;flex-direction:column}.independence>svg{color:#91a777}.independence>strong{font-size:48px;font-weight:650;margin-top:10px}.independence>strong>span{font-size:21px;color:var(--muted)}.independence h2{font-size:14px;margin-top:5px}.independence p{max-width:255px;line-height:1.8;color:var(--muted);font-size:11px;margin-top:10px}.independence>div{display:flex;gap:20px;justify-content:space-between;font-size:10px;margin-top:22px;border-top:1px solid var(--line);padding-top:20px}.events-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:25px}.search-field{display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:10px 13px;max-width:340px;flex:1;color:var(--muted)}.search-field input{border:0;background:none;min-width:0;width:100%;outline:none;color:var(--text);font-size:12px}.search-field:focus-within{outline:2px solid #218776}select,input[type=date]{padding:10px;border:1px solid var(--line);border-radius:5px;background:var(--surface);color:var(--text);font-size:12px;max-width:100%}.events-toolbar>select{margin-left:auto}.events-list{border-top:1px solid var(--line)}.events-list article{border-bottom:1px solid var(--line);background:var(--surface)}.event-row{display:flex;align-items:center;gap:16px;width:100%;text-align:left;padding:22px}.event-row:hover{background:var(--surface-soft)}.event-icon{width:35px;height:35px;display:flex;align-items:center;justify-content:center;border-radius:7px;flex-shrink:0;background:#edf5ef;color:#6e9a7f}.event-icon.warning{color:#b48e38;background:#faf3e6}.event-icon.critical{color:#c17869;background:#faf0ec}.event-row>div{display:flex;flex-direction:column;gap:6px}.event-row strong{font-size:12px;font-weight:650}.event-row>div>span{font-size:10px;color:var(--muted)}.event-time{color:var(--muted);font-size:11px;white-space:nowrap;margin-left:auto}.event-row>svg{color:var(--muted);transition:transform .2s}.rotated{transform:rotate(90deg)}.event-detail{padding:0 22px 25px 74px}.event-detail p{font-size:12px;color:var(--muted);line-height:1.8;margin-bottom:12px}.list-footer{font-size:11px;color:var(--muted);padding-top:18px}.empty-state{padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:17px;color:var(--muted)}.settings-page{max-width:850px}.settings-page section{margin:0 0 35px;border-top:1px solid var(--line)}.settings-page section>div:first-child{display:flex;align-items:center;gap:10px;padding:22px 0;color:#728879}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.setting-row>strong{font-weight:600}.setting-row>span:first-child{color:var(--muted)}.date-range{display:flex;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0;font-size:11px}.date-range label{display:flex;align-items:center;gap:8px}.date-range>span{color:#b66754}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1b155c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:80;display:flex;justify-content:flex-end}.detail-drawer{width:420px;max-width:100%;height:100%;overflow-y:auto;background:var(--surface);padding:30px;box-shadow:-10px 0 40px #142a2112;animation:drawerIn .2s ease-out}.drawer-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.device-icon{width:50px;height:50px;background:var(--green-soft);display:grid;place-items:center;color:var(--green);border-radius:8px}.detail-drawer>h2{font-size:27px;margin:8px 0 15px}.drawer-subtitle{color:var(--muted);font-size:12px;margin-top:20px}.detail-list{margin-top:25px}.detail-list>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:18px 0;border-bottom:1px solid var(--line);font-size:12px}.detail-list dt{color:var(--muted)}.detail-list dd{font-weight:650;margin:0}.notification-list{margin-top:25px}.notification-list article{display:flex;align-items:flex-start;gap:13px;padding:24px 0;border-bottom:1px solid var(--line)}.notification-list strong{font-size:12px}.notification-list p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0}.notification-list small{font-size:10px;color:var(--muted)}.primary-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#255d4c;border-radius:5px;color:#fff;padding:13px 18px;font-weight:600;font-size:12px;margin-top:25px}.primary-button:hover{background:#34755d}.help-modal{width:450px;max-width:calc(100% - 32px);margin:auto;background:var(--surface);padding:28px;border-radius:8px}.help-modal p{margin:18px 0;font-size:12px;color:var(--muted);line-height:1.8}.toast{position:fixed;left:50%;transform:translate(-50%);bottom:28px;z-index:100;display:flex;align-items:center;gap:10px;background:#245340;color:#fff;box-shadow:var(--shadow);padding:14px 20px;border-radius:6px;font-size:12px;max-width:calc(100% - 30px)}@keyframes flowHorizontal{0%{left:0}to{left:100%}}@keyframes flowVertical{0%{top:0}to{top:100%}}@keyframes drawerIn{0%{transform:translate(30px);opacity:.6}to{transform:translate(0);opacity:1}}[data-theme=dark]{--bg: #191c1d;--surface: #24282a;--surface-soft: #2a2f31;--text: #e3e7e8;--muted: #a3ada9;--line: #363d3f;--green-soft: #2c4033;background:var(--bg);color:var(--text)}[data-theme=dark] .sidebar{background:#171d1b}[data-theme=dark] .metric-icon,[data-theme=dark] .node-icon,[data-theme=dark] .phase-label,[data-theme=dark] .badge.green,[data-theme=dark] .badge.amber,[data-theme=dark] .demo-badge,[data-theme=dark] .event-icon{background:#304034}[data-theme=dark] .flow-hub{border-color:#536357}[data-theme=dark] .battery-drawing{background:#544560}[data-theme=dark] .segmented>button.selected{background:#354339}[data-theme=dark] .load-bar{background:#354339}[data-theme=dark] .metric-icon.gold,[data-theme=dark] .node-icon.gold,[data-theme=dark] .phase-0,[data-theme=dark] .badge.amber,[data-theme=dark] .demo-badge{background:#413821;color:#dbc57d;border-color:#544929}[data-theme=dark] .metric-icon.blue,[data-theme=dark] .node-icon.blue,[data-theme=dark] .phase-1{background:#293644;color:#8cb0d8}[data-theme=dark] .metric-icon.violet,[data-theme=dark] .phase-2{background:#3b3046;color:#c6a8db}@media(min-width:1600px){.flow-canvas{height:335px}.solar-node{top:5px}.flow-hub{top:138px}.battery-node{top:129px}.home-node{top:132px}.wire-solar{top:92px;height:54px}.wire-battery,.wire-home{top:182px}.wire-grid{top:227px;height:64px}.watt-solar{top:108px}.watt-home{top:162px}.daily-generation{margin-top:33px}.energy-progress,.self-sufficiency{margin-top:31px}}@media(max-width:1250px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand{font-size:15px;padding-left:5px;gap:7px}.workspace{margin-left:210px}main{padding:26px 24px 20px}.topbar{padding:0 24px}.metric-strip{gap:10px}.metric-card{padding:15px 12px}.metric-top{font-size:10px;gap:6px}.metric-top>small{display:none}.metric-number{font-size:30px}.overview-middle{grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr)}.flow-section{padding-left:16px;padding-right:16px}.daily-section{padding-left:18px;padding-right:18px}.flow-node{width:104px}.battery-node{left:0}.home-node{right:0}.flow-hub{width:108px}.grid-node{width:248px}.watt-home{display:none}.inverter-card{padding:14px}.inverter-heading{gap:8px}.inverter-heading .badge{font-size:7px}.inverter-values strong{font-size:17px}.chart-actions{gap:5px}.chart-heading{align-items:flex-start}.chart-actions .segmented{flex-wrap:wrap}}@media(max-width:1000px){.sidebar{width:190px}.workspace{margin-left:190px}.brand{font-size:13px;gap:5px}.brand small{font-size:7px}.site-selector{font-size:10px;padding:11px 8px}.site-selector small{font-size:8px}.nav-item{font-size:11px;padding:10px}.nav-label{padding-left:10px}.metric-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-top>small{display:block}.overview-middle{grid-template-columns:minmax(0,1fr)}.flow-section{border-right:0}.daily-section{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:25px;row-gap:8px}.daily-section>.section-heading{grid-column:1/-1;margin-bottom:0}.daily-generation{margin-top:10px;grid-row:2/4}.energy-progress{margin:14px 0 10px;grid-column:2}.energy-rows{grid-column:2}.self-sufficiency{grid-column:1/-1;margin-top:12px;padding-top:13px}.flow-node{width:132px}.flow-hub{width:122px}.battery-node{left:6%}.home-node{right:6%}.grid-node{width:258px}.inverter-grid{gap:10px}.inverter-heading{flex-wrap:wrap}.inverter-heading .badge{margin-left:0}.inverter-values{grid-template-columns:1fr}.inverter-values>div{display:flex;justify-content:space-between;align-items:center}.inverter-values strong{margin-top:0;font-size:16px}.inverter-values>div>span{font-size:10px}.chart-heading{flex-wrap:wrap}.chart-actions{margin-left:auto}.breadcrumb{gap:10px;font-size:10px}.breadcrumb>span:nth-child(3){display:none}.breadcrumb>span:nth-child(4){display:none}.topbar-actions{gap:6px}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.heading-meta .date-label{font-size:10px}.analytics-body{grid-template-columns:1fr}.independence{border-left:0;border-top:1px solid var(--line)}.phase-summary{gap:20px}.phase-summary p{font-size:10px;padding-right:15px}.event-time{font-size:9px}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .2s;width:234px;padding:25px 16px 0}.sidebar.open{transform:translate(0)}.brand{font-size:17px}.brand small{font-size:8px}.site-selector{font-size:12px}.site-selector small{font-size:9px}.nav-item{font-size:12px;padding:10px 14px}.nav-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#10251b66;z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.workspace{margin-left:0}.menu-toggle{display:inline-flex}.topbar{height:60px;padding:0 14px}.topbar-divider{margin:0 4px}.breadcrumb{gap:9px}.breadcrumb>svg,.breadcrumb-divider{display:none}.topbar-actions{gap:5px}.header-avatar{display:none}main{padding:24px 18px 20px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}h1{font-size:24px}.eyebrow{font-size:8px}.page-heading p{font-size:11px;line-height:1.6}.heading-meta{gap:8px;padding-top:3px}.heading-meta .date-label{font-size:9px;gap:5px}.heading-meta .date-label svg{width:12px}.heading-meta .badge{font-size:8px}.metric-strip{margin-bottom:20px;gap:10px}.metric-card{padding:14px}.metric-top{font-size:10px;gap:6px}.metric-top>small{font-size:7px}.metric-number{font-size:31px}.metric-number>span{font-size:12px}.metric-caption{font-size:9px}.overview-middle{margin-bottom:20px}.flow-section{padding:18px 12px 0}.section-heading h2{font-size:14px}.live-marker{font-size:9px!important}.flow-node{width:108px}.battery-node{left:3%}.home-node{right:3%}.grid-node{width:252px}.daily-section{padding:20px 18px}.history-section{padding:17px 12px}.history-section.compact{margin-bottom:22px}.chart-heading{gap:12px}.chart-actions{margin-left:0}.chart-heading .chart-actions{margin-left:auto}.segmented>button{font-size:9px;padding:5px 9px}.chart-legend{gap:13px}.chart-legend>button{font-size:9px}.inverter-grid{grid-template-columns:1fr;gap:12px}.inverter-card{padding:17px}.inverter-heading{flex-wrap:nowrap;margin-bottom:17px}.inverter-heading .badge{margin-left:auto;font-size:9px}.inverter-heading>svg{display:block}.inverter-values{grid-template-columns:repeat(3,minmax(0,1fr))}.inverter-values>div{display:block}.inverter-values strong{font-size:22px;margin-top:8px}.inverter-values strong small,.inverter-footer{font-size:10px}.bottom-strip{align-items:flex-start;flex-direction:column;gap:10px}.page-footer{flex-direction:column;font-size:9px;gap:8px;margin-top:25px}.phase-summary{flex-direction:column;align-items:flex-start;gap:15px}.phase-summary p{padding:0 24px;max-width:100%;font-size:11px}.table-scroll td,.table-scroll th{padding:15px;font-size:11px}.events-toolbar{flex-wrap:wrap;gap:8px}.search-field{flex-basis:100%;max-width:100%}.events-toolbar>select{margin-left:0;flex:1}.event-row{padding:17px 12px;gap:10px;flex-wrap:wrap}.event-row>div{flex:1;min-width:160px}.event-row strong{font-size:11px;line-height:1.6}.event-row .event-time{font-size:9px;margin-left:45px}.event-row>svg{margin-left:auto}.event-detail{padding:0 15px 20px 57px}.setting-row{flex-wrap:wrap;gap:15px}.analytics-metrics{gap:10px}.analytics-metrics .metric-number{font-size:27px}.analytics-metrics .metric-number>span{font-size:10px}.analytics-body>section{padding:23px}.chart-footnote{font-size:9px}.detail-drawer{padding:25px}.section-heading>div>span{font-size:10px}.text-button{font-size:10px}.plant-thumb{height:100px}}@media(max-width:420px){main{padding:20px 13px}.topbar{padding:0 9px}.demo-badge{font-size:8px;padding:4px 6px}.breadcrumb strong{font-size:10px}.page-heading h1{font-size:22px}.heading-meta .date-label{font-size:8px}.metric-card{padding:12px 10px}.metric-top{gap:5px;font-size:9px}.metric-icon{width:24px;height:25px}.metric-icon svg{width:16px}.metric-top>small{display:none}.metric-number{font-size:29px}.metric-caption{font-size:8px}.flow-node{width:86px}.battery-node{left:0;top:120px}.home-node{right:0;top:121px}.flow-hub{width:98px;height:87px;top:127px}.flow-node strong{font-size:21px}.flow-node>span{font-size:9px}.flow-state{font-size:8px}.grid-node{width:242px}.flow-summary{font-size:8px;gap:5px}.flow-summary svg{width:14px}.daily-section{column-gap:15px;padding:18px 13px}.daily-generation strong{font-size:31px}.daily-generation>small{font-size:8px}.energy-rows>div{font-size:8px}.energy-rows strong{font-size:10px}.energy-rows strong small{font-size:8px}.daily-generation>span{font-size:10px}.chart-heading .chart-actions{margin-left:0}.history-section .chart-legend{gap:10px}.chart-legend>button{font-size:8px}.chart-unit{font-size:8px}.chart-legend .legend-dot{width:5px;height:5px}.section-heading>span{font-size:9px}.phase-label{width:31px;height:31px}.date-range input{font-size:10px}.grid-node .node-icon{width:32px}.setting-row .segmented>button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.mobile-tabbar,.mobile-sheet-close{display:none}.offline-banner{display:flex;align-items:center;gap:9px;padding:12px 0;margin-bottom:15px;color:#ac7a32;font-size:12px;border-bottom:1px solid var(--line)}.install-banner{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 0 18px;margin-bottom:22px}.install-banner img{width:44px;height:44px;border-radius:8px}.install-banner>div{display:flex;flex-direction:column;gap:5px}.install-banner strong{font-size:13px}.install-banner span{font-size:11px;color:var(--muted)}.install-action{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--green-soft);border-radius:5px;color:var(--green);padding:12px;margin-left:auto;font-weight:700;font-size:12px}.pwa-update{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:8px;padding:14px;display:flex;align-items:center;gap:15px;max-width:calc(100% - 24px);font-size:12px}.pwa-update>button:not(.icon-button){display:flex;align-items:center;gap:7px;font-weight:700;color:var(--green);min-height:44px}@media(max-width:760px){html{scroll-padding-top:80px;scroll-padding-bottom:100px}body{overscroll-behavior-y:none}.workspace{min-height:100dvh}main{padding-bottom:calc(102px + env(safe-area-inset-bottom));padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.topbar{position:sticky;top:0;z-index:25;min-height:calc(64px + env(safe-area-inset-top));height:auto;padding-top:env(safe-area-inset-top);background:var(--surface);padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.topbar .icon-button{width:44px;height:44px}.topbar-actions{gap:0}.topbar-divider{display:none}.breadcrumb{gap:4px}.breadcrumb strong{font-size:12px}.demo-badge{font-size:9px;padding:5px 7px;margin-right:3px}.page-heading{margin-bottom:22px;gap:9px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px;max-width:205px}.eyebrow,.heading-meta .date-label,.heading-meta .badge{font-size:9px}.metric-strip{gap:12px}.metric-card{padding:15px 13px}.metric-top{font-size:11px;gap:7px;align-items:flex-start}.metric-icon{width:28px;height:28px}.metric-top>span:nth-child(2){padding-top:4px;line-height:1.5}.metric-top>small{display:none}.metric-number{font-size:34px;margin-top:12px}.metric-caption{font-size:10px;line-height:1.5;align-items:flex-start;min-height:30px}.metric-caption .status-dot{margin-top:6px}.section-heading h2{font-size:16px}.live-marker{font-size:10px!important}.flow-section{padding-top:20px}.flow-canvas{height:306px}.flow-node>span{font-size:11px}.flow-state{font-size:9px}.flow-summary{font-size:10px;line-height:1.6;text-align:center;min-height:51px}.flow-node strong{font-size:24px}.flow-hub{height:90px;top:123px}.flow-hub strong{font-size:10px}.flow-hub>span{font-size:9px}.grid-node{width:252px}.grid-node .badge{font-size:9px}.daily-section{display:block;padding:20px 16px}.daily-generation{margin-top:20px}.daily-generation>span{font-size:12px}.daily-generation strong{font-size:37px}.daily-generation>small{font-size:11px}.energy-rows{gap:17px}.energy-rows>div{font-size:12px}.energy-rows strong{font-size:14px}.energy-rows strong small{font-size:11px}.energy-progress{margin:23px 0}.self-sufficiency{margin-top:24px;padding-top:18px}.self-sufficiency small{font-size:11px}.self-sufficiency .icon-button{width:44px;height:44px}.chart-heading{display:block}.chart-actions{margin-top:14px!important;width:100%;display:flex;min-width:0}.chart-actions .segmented{flex-wrap:nowrap;overflow-x:auto;flex:1;min-width:0;scrollbar-width:none}.segmented>button{min-height:42px;font-size:12px;padding:8px 12px}.chart-actions .icon-button{width:44px;height:44px}.chart-legend{gap:12px;flex-wrap:wrap;margin-top:12px}.chart-legend>button{min-height:44px;font-size:11px}.chart-unit{font-size:10px}.chart-container{touch-action:pan-y}.chart-footnote{font-size:11px}.chart-heading .section-heading>span{font-size:11px}.inverter-heading h3{font-size:14px}.inverter-heading small{font-size:11px}.inverter-heading .badge{font-size:10px}.inverter-values>div>span{font-size:11px}.inverter-values strong{font-size:24px}.inverter-footer{font-size:11px}.load-bar{height:5px}.text-button{min-height:44px;font-size:12px}.bottom-strip>span{font-size:11px;line-height:1.7}.page-footer{font-size:10px;line-height:1.7}.mobile-tabbar{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;z-index:30;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--line);padding:7px max(8px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));box-shadow:0 -5px 25px #182e2307}.mobile-tabbar>a,.mobile-tabbar>button{min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--muted);font-size:10px;font-weight:600;padding:0}.mobile-tabbar span{display:flex;align-items:center;justify-content:center;width:52px;height:29px;border-radius:8px}.mobile-tabbar .active{color:var(--green);font-weight:750}.mobile-tabbar .active span{background:var(--green-soft)}.sidebar{inset:auto 0 0;transform:translateY(110%);width:100%;max-height:88dvh;overflow-y:auto;padding:26px 23px calc(24px + env(safe-area-inset-bottom));border-radius:8px 8px 0 0;box-shadow:var(--shadow)}.sidebar.open{transform:translateY(0)}.sidebar .brand{padding:0 0 22px;width:max-content}.sidebar .site-selector,.sidebar .nav-label,.sidebar .plant-thumb,.sidebar-footer{display:none}.sidebar nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sidebar .nav-item{min-height:52px;font-size:12px;padding:13px 10px;gap:9px}.sidebar-bottom{padding-top:13px;margin-top:12px;border-top:1px solid #ffffff18}.sidebar .mobile-sheet-close{display:flex;position:absolute;right:17px;top:19px;width:44px;height:44px;color:#c0cfc4}.sidebar .brand small{font-size:8px}.overlay{align-items:flex-end}.detail-drawer{width:100%;height:auto;max-height:92dvh;border-radius:8px 8px 0 0;padding:22px 22px calc(24px + env(safe-area-inset-bottom));animation:androidSheet .2s ease-out}.detail-drawer:before{content:"";display:block;width:34px;height:4px;border-radius:4px;background:var(--line);margin:-10px auto 17px}.drawer-heading .icon-button{width:48px;height:48px}.detail-list>div{min-height:57px;font-size:13px}.detail-drawer .connection-note{margin-bottom:0}.help-modal{margin:auto}.notification-list strong{font-size:13px}.notification-list p{font-size:12px}.events-toolbar select,.search-field{min-height:48px}.search-field input,select,input[type=date]{font-size:16px}.events-toolbar .icon-button{width:48px;height:48px}.event-row strong{font-size:13px}.event-row>div>span{font-size:11px}.event-row .event-time{font-size:11px}.event-detail p{font-size:13px}.event-detail .badge{font-size:11px}.event-row{min-height:100px}.table-scroll td,.table-scroll th{font-size:12px;padding:17px}.table-scroll th:first-child,.table-scroll td:first-child{position:sticky;left:0;background:var(--surface);z-index:1;max-width:155px;white-space:normal;min-width:135px}.table-scroll th:first-child{background:var(--surface-soft)}.setting-row{font-size:13px}.settings-page h2{font-size:16px}.setting-row .segmented>button{font-size:12px;min-height:44px}.setting-row>select{width:100%}.analytics-metrics .metric-number{font-size:29px}.analytics-metrics .metric-card>span{font-size:12px}.toast,.pwa-update{bottom:calc(88px + env(safe-area-inset-bottom))}.pwa-update{width:calc(100% - 26px);gap:8px;font-size:11px}.pwa-update .icon-button{width:44px;height:44px}.install-banner{gap:9px;flex-wrap:wrap}.install-banner .icon-button{height:44px;width:44px}.install-banner>div{flex:1}.install-action{min-height:44px;margin-left:0}.offline-banner{font-size:11px;line-height:1.5}}@media(max-width:360px){.breadcrumb strong{font-size:10px}.topbar .icon-button{width:42px}.demo-badge{font-size:8px;padding:4px}.page-heading{flex-wrap:wrap}.heading-meta{flex-direction:row;align-items:center;gap:12px}.page-heading p{max-width:none}.metric-top{font-size:10px;gap:5px}.metric-icon{width:24px;height:24px}.metric-number{font-size:29px}.metric-caption{font-size:9px}.flow-node{width:78px}.flow-node>span{font-size:10px}.flow-hub{width:92px}.flow-hub strong{font-size:9px}.flow-state{font-size:8px}.grid-node{width:242px}.flow-summary{font-size:9px}.chart-legend{gap:9px}.chart-legend>button{font-size:10px}.mobile-tabbar>a,.mobile-tabbar>button{font-size:9px}.sidebar{padding-left:15px;padding-right:15px}.sidebar .nav-item{font-size:11px}}@keyframes androidSheet{0%{transform:translateY(40px);opacity:.7}to{transform:translateY(0);opacity:1}}@media(max-width:760px){.metric-top{min-height:38px}.solar-node{width:150px;top:0}.watt-solar{display:none}}.live-app .live-connection{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:var(--muted);white-space:nowrap}.live-app .live-connection.is-live{color:#218776}.live-alert{display:flex;align-items:center;gap:10px;padding:12px 0;margin-bottom:16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.live-app .live-device-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.live-app .inverter-card{padding:22px}.live-app .inverter-heading h3{font-size:16px}.live-app .inverter-heading small{font-size:11px}.live-app .inverter-values{grid-template-columns:repeat(3,minmax(0,1fr))}.live-app .inverter-power-values{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.live-app .inverter-power-values>div>span{display:block;min-height:32px}.live-app .inverter-values>div{display:block;min-width:0}.live-app .inverter-values strong{font-size:25px}.live-app .inverter-values>div>span{font-size:12px}.live-app .inverter-heading>div{min-width:0}.live-app .inverter-heading h3{overflow-wrap:anywhere}.live-app .inverter-heading .badge{margin-left:auto;flex-shrink:0}.live-app .live-extra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px}.live-app .live-extra>div{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:0;min-width:0}.live-app .live-extra strong{font-size:15px;overflow-wrap:normal}.live-app .live-extra strong span{color:var(--text)}.live-app .live-extra strong .unavailable-value{color:var(--muted)}.live-card-time{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted);padding-top:20px}.live-quality{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:4px}.live-app .detail-list dd{max-width:55%;text-align:right;overflow-wrap:anywhere}.live-app .detail-drawer h2{font-size:24px;margin-bottom:16px;overflow-wrap:anywhere}.live-app .metric-caption{min-height:32px;align-items:flex-start}.live-app .metric-caption .status-dot{margin-top:5px;flex-shrink:0}.live-app .metric-number{min-height:55px}.unavailable-value{color:var(--muted)}.live-history{margin-top:24px}.live-chart-tools,.live-history-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.live-chart-tools select{max-width:300px}.live-history-controls{justify-content:space-between;margin:12px 0}.live-history-controls .muted{font-size:12px}.live-chart{height:290px;width:100%;min-width:0}.live-chart .empty-state{height:100%;min-height:180px}.live-app .empty-state p{max-width:430px;line-height:1.6;color:var(--muted);font-size:13px;margin:12px auto 0}.live-app .empty-state h3{font-size:16px}.live-app select{min-width:0;max-width:100%}.live-app .flow-summary{min-height:44px}.overview-coverage{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 12px;font-size:12px;color:var(--muted)}.current-device-name{font-size:14px;line-height:1.5;margin:24px 0 16px;overflow-wrap:anywhere}.current-readings select{width:100%;margin:18px 0 10px}.current-readings-list{margin:0}.current-readings-list>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.current-readings-list dt{font-size:12px;color:var(--muted)}.current-readings-list dd{margin:0;font-size:17px;text-align:right;overflow-wrap:anywhere}.current-reading-time{font-size:11px;color:var(--muted);margin-top:16px}@media(max-width:760px){.live-app .inverter-power-values{grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 10px}.live-app .inverter-power-values>div{grid-column:span 2}.live-app .inverter-power-values>div:nth-child(n+4){grid-column:span 3}.live-app .live-extra{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.live-app .inverter-heading{flex-wrap:wrap;gap:10px}.live-app .inverter-heading>div{flex:1}.live-app .inverter-heading .badge{font-size:10px}.live-app .metric-top{font-size:11px}.live-app .metric-caption{font-size:10px;min-height:34px;line-height:1.5}.live-app .page-heading .heading-meta{flex-wrap:wrap}.live-chart-tools{width:100%}.live-chart-tools select{flex:1;max-width:calc(100% - 50px)}.live-history-controls>.segmented{width:100%;display:flex}.live-history-controls>.segmented button{flex:1}.live-history-controls select{flex:1}.live-app .live-connection,.live-card-time{font-size:10px}.live-app .flow-section .section-heading{align-items:flex-start}.live-app .flow-section .section-heading>span{max-width:120px;text-align:right;font-size:10px}.live-app .live-alert{font-size:12px}}.sky-app{--sky-accent: #286bd6;--sky-wash: #edf6fe;--sky-ink: #1c3448;--sky-line: #c5d9e7;--sky-surface: #fff;--sky-muted: #61798b;background:#f6fafc}.sky-app .workspace{background:#f6fafc}.sky-app .sidebar{background:#fff;border-right:1px solid #e1eaf0}.sky-app .sidebar .brand{color:#1c3448}.sky-app .brand-symbol{color:#286bd6}.sky-app .sidebar .brand small,.sky-app .sidebar .nav-label,.sky-app .sidebar small{color:#718391}.sky-app .sidebar .nav-item{color:#61798b}.sky-app .sidebar .nav-item:hover{background:#f1f7fb}.sky-app .sidebar .nav-item.active{background:#eaf3ff;color:#245bc1}.sky-app .sidebar .nav-item small{background:#eaf0f5;color:#486578}.sky-app .site-selector{background:#f6f9fb;color:#1c3448;border-color:#e3ebf1}.sky-app .sidebar-footer{color:#395165;border-color:#e1eaf0}.sky-app .sidebar .mobile-sheet-close,.sky-app .sidebar-footer .icon-button{color:#61798b}.sky-app .topbar{background:#ffffffeb;border-color:#e1eaf0}.sky-app .metric-card,.sky-app .inverter-card{border-radius:8px;box-shadow:none}.sky-app .overview-middle{display:block;background:transparent;border:0;margin-bottom:0}.sky-app.scene-page .workspace{background:var(--sky-wash)}.scene-page .page-heading{display:none}.scene-page .workspace main{padding-top:24px}.sky-app .current-readings{padding:28px 0 0;border:0;background:transparent}.energy-scene{min-width:0;color:var(--sky-ink);background:var(--sky-wash);padding:26px 24px 0}.scene-heading{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.scene-heading>div{min-width:0}.scene-heading h1{font-size:24px;line-height:1.35;margin:6px 0 12px;overflow-wrap:anywhere}.scene-eyebrow{font-size:10px;font-weight:600;color:var(--sky-muted);letter-spacing:0}.scene-heading .icon-button{flex:0 0 44px;width:44px;height:44px;color:var(--sky-ink)}.scene-status{display:flex;flex-wrap:wrap;gap:12px;align-items:center;color:var(--sky-muted);font-size:11px}.scene-status>span:first-child{display:flex;gap:6px;align-items:center}.scene-status i{width:6px;height:6px;border-radius:50%;background:currentColor}.scene-status .online{color:#248957}.scene-status .partial{color:#9b6d21}.scene-modes{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-top:14px;font-size:13px}.scene-modes>span{color:var(--sky-muted)}.scene-modes>strong{font-weight:600}.scene-modes dl{flex-basis:100%;margin:0;display:grid;gap:8px}.scene-modes dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.scene-modes dt{color:var(--sky-muted);overflow-wrap:anywhere}.scene-modes dd{margin:0;font-weight:600;text-align:right;overflow-wrap:anywhere}.scene-select{margin-top:16px;width:100%}.system-energy-scene .energy-map{margin-bottom:80px}.scene-grid-phases{margin:0;width:112px;display:grid;gap:4px}.scene-grid-phases>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.scene-grid-phases dt{font-size:11px;color:var(--sky-muted)}.scene-grid-phases dd{margin:0;font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.energy-node .scene-coverage{font-size:10px;color:var(--sky-muted);line-height:1.4}.scene-unassigned{border-bottom:1px solid var(--sky-line);padding:12px 0;display:grid;gap:8px;font-size:11px}.scene-unassigned>span{color:var(--sky-muted)}.scene-unassigned>div{display:flex;justify-content:space-between;gap:12px}.scene-unassigned strong{white-space:nowrap}.scene-alarm{display:flex;align-items:center;gap:12px;width:100%;min-height:52px;padding:12px 16px;margin-top:22px;border:1px solid #fff;border-radius:8px;background:#ffffffc9;color:var(--sky-ink);text-align:left}.scene-alarm>svg:first-child{color:var(--sky-accent);flex-shrink:0}.scene-alarm>svg:last-child{margin-left:auto;flex-shrink:0}.scene-alarm span{font-size:13px;overflow-wrap:anywhere}.scene-alarm.has-alarm{color:#a44227;background:#fff2e9;border-color:#eac9b6}.energy-map{position:relative;height:440px;width:100%;max-width:660px;margin:26px auto 56px}.energy-paths{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.energy-paths path{fill:none;stroke:#aec7d6;stroke-width:2;stroke-dasharray:2 6;stroke-linecap:round;vector-effect:non-scaling-stroke}.energy-paths .pv-path.active{stroke:#5d97df;animation:energy-forward 3s linear infinite}.energy-paths .load-path.active{stroke:#d07b9e;animation:energy-forward 3s linear infinite}.energy-paths .battery-path.active{stroke:#35a96e;animation:energy-forward 3s linear infinite}.energy-paths .grid-path.active{stroke:#8970d8;animation:energy-forward 3s linear infinite}.energy-paths .flow-arrow path{stroke:currentColor;stroke-dasharray:none;stroke-width:2.5}.energy-paths .pv-flow-arrow{color:#5d97df}.energy-paths .grid-flow-arrow{color:#8970d8}.energy-paths .battery-flow-arrow{color:#35a96e}.energy-paths .load-flow-arrow{color:#d07b9e}.battery-flow-reading{display:flex;flex-direction:column;align-items:center;gap:3px;width:100%;min-height:40px}.battery-flow-reading strong{font-size:16px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.battery-flow-reading>span{color:var(--sky-muted);font-size:10px;line-height:1.4}.energy-node{position:absolute;width:150px;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;text-align:center;gap:6px}.energy-pv,.energy-grid{top:calc(17% - 42px)}.energy-battery,.energy-load{top:calc(74% - 42px)}.energy-pv,.energy-battery{left:17%}.energy-grid,.energy-load{left:83%}.energy-symbol{display:flex;align-items:center;justify-content:center;width:84px;height:84px;border:1.5px solid currentColor;border-radius:50%;background:var(--sky-surface);margin-bottom:6px}.energy-symbol svg{width:39px;height:39px;stroke-width:1.6}.energy-pv .energy-symbol{color:#327bd7}.energy-grid .energy-symbol{color:#8970d8}.energy-battery .energy-symbol{color:#35b773}.energy-load .energy-symbol{color:#d65794}.energy-node>span{font-size:13px}.energy-node>strong{font-size:23px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.energy-node small{font-size:12px;font-weight:500}.energy-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;flex-direction:column;gap:9px;color:#bc851f;background:transparent;padding:0}.energy-center>span{display:flex;align-items:center;justify-content:center;width:102px;height:102px;border-radius:50%;border:1.5px solid #e1b04c;background:var(--sky-surface)}.energy-center svg{width:46px;height:46px;stroke-width:1.4}.energy-center>small{font-size:9px;color:var(--sky-muted)}.energy-center:hover>span{box-shadow:0 0 0 5px #dfae4012}.scene-strings{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--sky-line);border-bottom:1px solid var(--sky-line);padding:16px 0;gap:16px}.scene-strings>div{display:flex;gap:8px;align-items:center;min-width:0;font-size:12px}.scene-strings svg{color:#327bd7;flex-shrink:0}.scene-strings strong{margin-left:auto;white-space:nowrap;font-size:14px;font-variant-numeric:tabular-nums}.scene-strings small{font-size:10px;font-weight:400}.sky-app .energy-scene .flow-summary{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;background:transparent;border:0;color:var(--sky-muted);font-size:10px;padding:14px 0}.sky-app .energy-scene .flow-summary time{white-space:nowrap}.sky-app .mobile-tabbar{background:#fff;border-color:#e1eaf0;box-shadow:none}.sky-app .mobile-tabbar .active{color:#286bd6}.sky-app .mobile-tabbar .active span{background:#edf4ff}@keyframes energy-forward{to{stroke-dashoffset:-32}}@media(prefers-reduced-motion:reduce){.energy-paths .active{animation:none}}@media(max-width:1100px){.sky-app .overview-middle{grid-template-columns:1fr;gap:0}.sky-app .current-readings-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}}@media(max-width:760px){.sky-app .overview-middle{display:block}.scene-page .workspace main{padding-top:0}.scene-page .topbar{background:var(--sky-wash);border-bottom:0}.energy-scene{margin:0 -16px;padding:16px 20px 0}.scene-heading h1{font-size:23px}.scene-eyebrow{font-size:9px}.scene-status{font-size:10px;gap:8px}.scene-alarm{margin-top:20px}.energy-map{height:370px;margin-top:28px}.energy-node{width:112px;gap:5px}.energy-node>span{font-size:12px}.energy-node>strong{font-size:20px}.energy-symbol{width:72px;height:72px}.energy-symbol svg{width:34px;height:34px}.energy-pv,.energy-grid{top:calc(17% - 36px)}.energy-battery,.energy-load{top:calc(74% - 36px)}.energy-center>span{width:86px;height:86px}.energy-center svg{width:40px;height:40px}.scene-strings{gap:14px}.scene-strings>div{gap:5px;font-size:10px}.scene-strings strong{font-size:12px}.sky-app .current-readings-list{display:block}.sky-app .current-readings{padding:24px 0}}@media(max-width:360px){.energy-node{width:96px}.energy-node>strong{font-size:18px}.scene-heading h1{font-size:21px}.scene-strings svg{display:none}}[data-theme=dark] .sky-app{--sky-wash: #202e35;--sky-ink: #e1e9ed;--sky-line: #3a4c56;--sky-surface: #263b46;--sky-muted: #a0b4bf}[data-theme=dark] .sky-app,[data-theme=dark] .sky-app .workspace{background:#182127}[data-theme=dark] .sky-app .sidebar,[data-theme=dark] .sky-app .topbar,[data-theme=dark] .sky-app .mobile-tabbar{background:#202c32;border-color:#34464e}[data-theme=dark] .sky-app .sidebar .brand,[data-theme=dark] .sky-app .sidebar-footer{color:#e1e9ed}[data-theme=dark] .sky-app .sidebar .nav-item,[data-theme=dark] .sky-app .sidebar small{color:#a0b4bf}[data-theme=dark] .sky-app .sidebar .nav-item.active,[data-theme=dark] .sky-app .sidebar .nav-item:hover,[data-theme=dark] .sky-app .site-selector{background:#2a3e49;color:#c1def3}[data-theme=dark] .scene-alarm{background:#2a3b46;border-color:#3c515e}[data-theme=dark] .scene-alarm.has-alarm{background:#4c342a;color:#ffccaf}[data-theme=dark] .sky-app .mobile-tabbar .active span{background:#2a3e49}.sky-app .notification-bell{position:relative}.sky-app .notification-bell.has-unread{color:#d52d3f}.notification-bell>i{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:currentColor}[data-theme=dark] .sky-app .notification-bell.has-unread{color:#ff7482}.alarm-inbox{margin-bottom:28px}.alarm-inbox h2{font-size:18px;margin:0 0 16px}.alarm-inbox .event-row{width:100%;text-align:left}.alarm-inbox .event-row>div{min-width:0;overflow-wrap:anywhere}.alarm-inbox .event-detail{overflow-wrap:anywhere;line-height:1.6;font-size:13px}.unread-alarm{border-left:3px solid #d52d3f}.unread-label{display:inline-block;margin-left:8px;color:#d52d3f;font-size:11px}.telegram-gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 24px;background:#edf6fe;color:#263f4b;text-align:center}.telegram-gate h1{font-size:24px;margin:0}.telegram-gate p{max-width:360px;line-height:1.6;margin:0}html.telegram-app body{padding-top:max(env(safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top, 0px))}html.telegram-app .mobile-tabbar{padding-bottom:calc(7px + max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom, 0px)))}