/*! tailwindcss v4.3.5 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.grid{display:grid}.border{border-style:var(--tw-border-style);border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{color:#111b32;font-synthesis:none;--muted:#65728a;--blue:#126dff;--panel:linear-gradient(135deg,#ffffff9e,#e1e9f5ba);--shadow:8px 12px 22px #8f9eb440,-5px -5px 16px #ffffffc9;--border:1.5px solid #ffffffeb;background:#e4e9f1;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{background:radial-gradient(at 85% 6%,#f9fbffb0,#0000 45%),radial-gradient(at 60% 60%,#bfd3f15c,#0000 55%),#e4e9f1;min-width:320px;margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0;transition:transform .18s,box-shadow .18s,background .2s}button:hover:not(:disabled){transform:translateY(-2px)}button:active:not(:disabled){transform:translateY(1px);box-shadow:inset 2px 2px 5px #8391a544,inset -2px -2px 5px #fff8}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #1680ff}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2{letter-spacing:-.6px;font-size:21px;font-weight:650}h3{letter-spacing:-.3px;font-size:16px;font-weight:600}em{font-style:normal;font-weight:500}small{font-size:12px}svg{stroke-width:1.8px}p{color:var(--muted);line-height:1.5}.app-shell{grid-template-columns:158px minmax(0,1fr);max-width:1460px;min-height:100vh;margin:auto;display:grid}.sidebar{background:linear-gradient(90deg,#dbe3ee88,#f1f4fa33);border-right:1px solid #dfe6f2;flex-direction:column;align-items:center;gap:20px;padding:40px 21px 30px;display:flex}.brand{background:var(--panel);border:var(--border);width:100px;height:94px;box-shadow:var(--shadow);border-radius:23px;place-items:center;margin-bottom:13px;display:grid}.brand span{color:#0741bc;letter-spacing:-2px;text-shadow:1px 2px #fff;font-size:33px;font-weight:750;position:relative}.brand span:before{content:"";background:#ed493a;width:5px;height:7px;position:absolute;top:10px;left:1px}.side-caption{color:#35445e;align-self:flex-start;font-size:15px;font-weight:500}.sidebar nav{flex-direction:column;align-items:center;gap:14px;display:flex}.side-button{background:var(--panel);border:var(--border);color:#64728b;border-radius:18px;place-items:center;width:61px;height:57px;display:grid;position:relative;box-shadow:5px 7px 11px #8794a647,-3px -3px 8px #ffffffe0}.side-button svg{filter:drop-shadow(0 1px #fff);width:27px;height:27px}.side-button span{display:none}.side-button.active{color:#1a69ed;background:linear-gradient(145deg,#eef7ff,#b8d3ff);border-color:#fff;box-shadow:0 6px 16px #2074ff52,inset 0 0 10px #fff}.sidebar-system{width:100%;margin-top:16px}.sidebar-system .side-caption{border-bottom:1px solid #bfcbdd;margin-bottom:13px;padding-bottom:9px}.device-pill{background:var(--panel);border:1px solid #f6f9ff;border-radius:14px;align-items:center;gap:7px;margin:9px -6px;padding:10px 7px;font-size:12px;display:flex;box-shadow:3px 5px 10px #95a2b633}.device-pill>svg{color:#6d7e99}.device-pill .dot{width:9px;height:9px;margin-left:auto}dl{margin:0}dt{color:#5d6d85;margin:13px 0 3px;font-size:12px}dd{border-bottom:1px solid #becbde;margin:0;padding-bottom:10px;font-size:14px;font-weight:550}.local-badge{color:#0754d4;background:#b9d3fc;border-radius:15px;padding:3px 12px;font-size:12px}.read-only{color:#6a7890;white-space:nowrap;align-items:center;gap:5px;margin-top:auto;padding-top:25px;font-size:10px;display:flex}main{min-width:0;padding:30px 32px 110px}header{justify-content:space-between;align-items:center;gap:20px;margin:0 5px 28px;display:flex}h1{letter-spacing:-1.8px;text-shadow:0 2px #fff;font-size:42px;font-weight:750;line-height:1.15}header p{color:#566681;letter-spacing:-.3px;margin-top:6px;font-size:17px}header p span{color:#97a5ba;margin:0 7px}.eyebrow{letter-spacing:2.1px;color:#7b8ba4;margin-bottom:8px;font-size:9px;font-weight:650}.online-pill{background:var(--panel);border:var(--border);border-radius:28px;flex-shrink:0;align-items:center;gap:12px;padding:13px 19px;font-size:14px;font-weight:600;display:flex;box-shadow:5px 8px 16px #7e95b43d}.dot{border:1px solid #fff8;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.dot.green{background:linear-gradient(135deg,#96ffb0,#00b52a);box-shadow:0 0 10px #2bdf6166}.dot.gray{background:linear-gradient(135deg,#c4cfdd,#7a8ba2)}.dot.amber{background:linear-gradient(135deg,#ffd589,#ee9527)}.top-tabs{grid-template-columns:repeat(4,1fr);gap:22px;margin:0 15px 28px;display:grid}.top-tabs button{color:#fff;text-shadow:0 1px 2px #20283d;background:linear-gradient(#6b7589,#273140);border:1px solid #bec7d5;border-radius:28px;padding:10px;font-size:17px;font-weight:550;box-shadow:inset 0 1px 2px #fff8,inset 0 -2px 2px #0009,4px 7px 13px #66758e3b}.top-tabs button.active{text-shadow:0 1px 2px #b84b27;background:linear-gradient(170deg,#ffbf60,#ff692a);border:1.5px solid #fff7d9;box-shadow:0 8px 21px #fa85395c,0 0 13px #ffd7a8,inset 0 1px 2px #fff8}.panel{background:var(--panel);border:var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:25px}.page-content{flex-direction:column;gap:22px;display:flex}.hero-grid{grid-template-columns:1fr 1.04fr;gap:23px;display:grid}.device-card{border-color:#fff9e8;align-items:center;gap:20px;min-height:254px;padding:20px 22px 18px 17px;display:flex;box-shadow:0 0 0 2px #fff7e670,0 0 14px #ffbf7666,8px 13px 23px #ad93723b}.inverter-illustration{filter:drop-shadow(0 8px 9px #4b5c6c20);flex-shrink:0;width:40%;max-width:169px}.inverter-illustration svg{width:100%;display:block}.device-copy{flex:1}.device-copy h2{white-space:nowrap;letter-spacing:-.9px;font-size:24px}.device-copy>p{white-space:nowrap;margin-top:2px;font-size:15px}.device-status{color:#1ba542;align-items:center;gap:9px;margin:11px 0 16px;font-size:14px;display:flex}.device-status:has(.gray){color:#75849b}.device-specs{color:#44546e;border-top:1px solid #c9d3e2;flex-direction:column;gap:12px;padding-top:13px;font-size:13px;display:flex}.device-specs span{white-space:nowrap;align-items:center;gap:12px;display:flex}.device-specs svg{color:#75839a;width:20px;height:20px}.battery-card{color:#f7faff;background:radial-gradient(at 80% 40%,#39566d88,#0000 55%),linear-gradient(135deg,#3b475e,#1d2a41 70%,#273e5f);border:2px solid #f9fdff;border-radius:27px;min-height:254px;padding:18px 23px 15px;position:relative;box-shadow:0 0 0 2px #68b7ff,0 7px 20px #157eff66,inset 0 0 17px #4d9cff8c,inset 0 -3px 3px #b7efff}.battery-top{justify-content:space-between;align-items:center;display:flex}.battery-top h2{align-items:center;gap:12px;font-size:21px;font-weight:600;display:flex}.battery-top h2 svg{filter:drop-shadow(0 2px 2px #0008);width:31px;height:28px}.tiny-label{color:#c2d0e3;border:1px solid #a0bfd144;border-radius:8px;padding:3px 7px;font-size:10px}.battery-main{justify-content:space-between;align-items:center;gap:10px;margin:8px 7px 16px 2px;display:flex}.soc-number{letter-spacing:-3px;text-shadow:0 3px 4px #0007;font-variant-numeric:tabular-nums;font-size:63px;font-weight:750;line-height:1.08}.soc-number>span{margin-left:3px;font-size:49px}.charge-label{color:#c5d5e7;border:1px solid #9bb1cb5c;border-radius:18px;align-items:center;gap:6px;margin-top:10px;padding:4px 9px;font-size:10px;display:inline-flex;box-shadow:0 0 7px #7cb4d922}.charge-label.muted{color:#9caec6}.battery-readings{border-top:1px solid #b7c6db66;grid-template-columns:1fr 1fr 1fr;gap:9px;padding-top:10px;display:grid}.battery-readings>div{grid-template-columns:19px 1fr;align-content:start;gap:1px 7px;display:grid;position:relative}.battery-readings>div+div{border-left:1px solid #b7c6db77;padding-left:13px}.battery-readings svg{grid-row:span 2;align-self:start;width:19px;height:25px}.battery-readings strong{white-space:nowrap;letter-spacing:-.6px;font-size:17px;font-weight:650}.battery-readings em{font-size:14px}.battery-readings small{color:#b9cde8;grid-column:2;margin-top:3px;font-size:11px}.battery-readings .current{margin-top:1px}.battery-visual{filter:drop-shadow(0 0 12px #78f3cf44);flex-shrink:0;width:74px;height:112px;margin-top:4px;position:relative}.battery-cap{background:linear-gradient(90deg,#e0edf2,#849fa5,azure);border:2px solid #eefbff;border-radius:5px 5px 0 0;width:31px;height:12px;position:absolute;top:-8px;left:22px}.battery-shell{background:linear-gradient(90deg,#bdfff9aa,#436e73,#c3fbf5aa);border:3px solid #efffff;border-radius:17px;height:100%;padding:5px;box-shadow:inset 0 0 4px #d1fff8,0 0 0 2px #8cdbed,0 5px 7px #0005}.battery-inner{background:#122e3e;border:1px solid #b8fff3;border-radius:10px;flex-direction:column;justify-content:space-evenly;height:100%;display:flex;position:relative;overflow:hidden}.battery-inner:after{content:"";background:linear-gradient(#fff9,#fff2);border-radius:6px;width:6px;position:absolute;top:3px;bottom:3px;left:4px}.battery-inner>span{color:#b1c5d5;place-items:center;font-size:38px;font-weight:300;display:grid;position:absolute;top:0;right:0;bottom:0;left:0}.battery-level{background:linear-gradient(90deg,#4dffab,#19ca66 65%,#54f394);transition:height 1s;position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 0 10px #a2ffbb}.battery-divider{z-index:1;background:#d3ffe7a1;width:100%;height:2px;box-shadow:0 1px #0d6e46}.battery-visual.live{animation:5s ease-in-out infinite battery-glow}.not-fresh .battery-level{filter:saturate(.4);opacity:.7}.battery-visual.unknown{filter:grayscale(.5);opacity:.6}.energy-cards{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.energy-card{text-align:left;align-items:flex-start;gap:13px;min-height:156px;padding:17px 16px 29px;display:flex;position:relative;overflow:hidden}.energy-card>div:not(.empty-spark){flex:1}.icon-tile{color:#667a99;background:linear-gradient(135deg,#fff9,#dce6f4);border:1px solid #fff;border-radius:16px;flex-shrink:0;place-items:center;width:48px;height:49px;display:inline-grid;box-shadow:3px 5px 10px #94a6be3d,-2px -2px 6px #fff8}.icon-tile svg{filter:drop-shadow(0 1px #fff);width:30px;height:30px}.solar .icon-tile{color:#ff9a20;background:linear-gradient(135deg,#fffaf0,#ffe7c4);box-shadow:0 4px 12px #e7b77044}.home .icon-tile{color:#218cff;background:linear-gradient(135deg,#f1f9ff,#c3e1ff);box-shadow:0 4px 12px #5299f34d}.grid .icon-tile{color:#4b7085;background:linear-gradient(135deg,#f8ffff,#d0e7ee)}.energy-card h3{margin-bottom:7px;font-size:17px}.energy-card strong{letter-spacing:-1px;font-size:28px;line-height:1.1;display:block}.energy-card strong em{font-size:17px}.energy-card p{white-space:nowrap;margin-top:3px;font-size:13px}.unverified{color:#8794a9;z-index:1;font-size:10px;position:absolute;bottom:14px;left:18px}.empty-spark{opacity:.7;background:linear-gradient(#0000,#d0deed66);border-top:1px dashed #c3cdde88;height:27px;position:absolute;bottom:0;left:18px;right:18px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20%,#000 80%,#0000)}.home{box-shadow:0 5px 18px #669cdb4d,-3px -3px 14px #fff}.chart-panel{padding:14px 17px 10px}.chart-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:8px;display:flex}.chart-header h2{align-items:center;gap:10px;font-size:20px;display:flex}.icon-tile.small{border-radius:12px;width:40px;height:40px}.icon-tile.small svg{width:24px;height:24px}.segmented{background:linear-gradient(135deg,#e5ebf5,#edf1f8);border:1px solid #f8fbff;border-radius:18px;align-items:center;display:flex;overflow:visible;box-shadow:3px 4px 8px #8c9eb33d,inset 1px 1px 3px #d7deeb}.segmented button{white-space:nowrap;background:0 0;border-radius:15px;flex:1;justify-content:center;align-items:center;gap:6px;min-height:33px;padding:7px 11px;font-size:12px;display:flex;position:relative}.segmented button+button:before{content:"";border-left:1px solid #c9d4e4;height:45%;position:absolute;left:0}.segmented button.selected:before,.segmented button.selected+button:before{display:none}.segmented button.selected{color:#fff;text-shadow:0 1px 1px #1456af55;background:linear-gradient(145deg,#67cdff,#1272ff 75%,#0757ef);border:1px solid #bce9ff;box-shadow:0 4px 9px #2374ed55,inset 0 0 7px #b6edff66}.periods{margin-left:auto}.periods button{padding:6px 10px;font-size:11px}.chart-header select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;color:#293b57;background:linear-gradient(#f8fbff,#e3eaf5);border:1.5px solid #becbdf;border-radius:20px;max-width:165px;padding:8px 12px;font-size:12px;box-shadow:inset 0 1px #fff,2px 4px 6px #98a7be44}.chart-area{height:188px;margin-top:12px;transition:opacity .2s;position:relative}.chart-area.loading{opacity:.6}.chart-empty{color:#8799b2;background:repeating-linear-gradient(0deg,#0000,#0000 36px,#b9c8dc30,#b9c8dc30 38px);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;height:100%;display:flex}.chart-empty svg{color:#a5b7cf;margin-bottom:2px}.chart-empty strong{color:#687e9b;font-size:14px;font-weight:500}.chart-empty span{font-size:11px}.chart-caption{color:#8997ac;justify-content:space-between;padding:9px 4px 0;font-size:9px;display:flex}.lower-grid{grid-template-columns:1.04fr 1fr;gap:23px;display:grid}.view-controls{flex-direction:column;gap:13px;display:flex}.view-panel{padding:13px 17px 15px}.view-panel h3{margin-bottom:8px;font-size:14px}.metric-controls button{border-radius:16px;flex-direction:column;gap:3px;min-height:54px;padding:7px 5px;font-size:10px}.metric-controls svg{width:20px;height:20px}.display-controls{grid-template-columns:1.16fr 1fr;gap:12px;display:grid}.display-controls .panel{border-radius:22px;padding:12px 14px}.display-controls h3{margin-bottom:8px;font-size:13px}.display-controls .segmented button{padding:4px 6px;font-size:10px}.display-controls .segmented svg{width:17px;height:17px}.flow-switch{justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.switch{background:#c0cbdb;border:1px solid #a4b2c9;border-radius:20px;flex-shrink:0;align-items:center;width:43px;height:25px;padding:2px;display:flex;box-shadow:inset 2px 2px 4px #8090a73b}.switch[aria-checked=true]{background:linear-gradient(135deg,#3df47e,#08b94e);border-color:#0ea34c;box-shadow:inset 1px 1px 3px #148f4b88,0 3px 8px #18ad4a22}.switch span{background:linear-gradient(135deg,#fff,#e5eef5);border-radius:50%;width:19px;height:19px;transition:transform .2s;box-shadow:1px 2px 4px #234c4966}.switch[aria-checked=true] span{transform:translate(17px)}.notifications{padding:14px 18px 8px}.section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-title h2{align-items:center;gap:12px;font-size:19px;display:flex}.section-title h2 svg{color:#61738e}.text-button{color:#42587e;white-space:nowrap;background:0 0;align-items:center;gap:4px;padding:4px 0;font-size:12px;display:inline-flex}.notification-row{border-top:1px solid #cbd5e4;align-items:center;gap:12px;padding:12px 0;display:flex}.notifications .notification-row:first-of-type{margin-top:7px}.notification-row>svg{color:#74859f;flex-shrink:0}.notification-row>div{flex:1}.notification-row strong{letter-spacing:-.25px;font-size:13px;font-weight:550;display:block}.notification-row small{color:#6b7c96;margin-top:2px;font-size:10px;display:block}.last-update{gap:10px;padding:13px 0}.last-update>strong{white-space:nowrap;font-size:12px}.last-update>span{color:#61718b;text-align:right;margin-left:auto;font-size:10px}.last-update>svg{width:21px}.bottom-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:linear-gradient(135deg,#f8fbffc9,#e2e9f4d9);border:1.5px solid #fff;border-radius:39px;gap:14px;width:min(650px,100% - 240px);padding:8px 17px;display:flex;position:fixed;bottom:17px;left:calc(50% + 79px);transform:translate(-50%);box-shadow:7px 10px 22px #6e87ab55,-4px -4px 16px #ffffff8c}.bottom-nav>button{color:#677792;background:0 0;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;min-height:53px;font-size:12px;display:flex;position:relative}.bottom-nav>button svg{z-index:1;width:25px;height:25px;position:relative}.bottom-nav>button>span:not(.bottom-active){z-index:1}.bottom-nav>button.active{color:#065cff}.bottom-active{background:linear-gradient(135deg,#d7eaff,#c3dbff);border:1px solid #faffff;border-radius:22px;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:2px 5px 10px #6898d14d,inset 0 0 6px #fff}.bottom-nav .more-button{display:none}footer{color:#8b9bb2;letter-spacing:.4px;justify-content:space-between;align-items:center;margin:25px 6px 0;font-size:9px;display:flex}footer>span:first-child{align-items:center;gap:5px;display:flex}footer>span:last-child{letter-spacing:1.5px;font-size:8px}.notice{color:#586c88;background:#edf4ff9c;border:1px solid #f7faff;border-radius:16px;align-items:center;gap:10px;margin:-4px 0 19px;padding:12px 17px;font-size:12px;line-height:1.5;display:flex}.notice>svg{flex-shrink:0}.notice>span{flex:1}.notice>button{color:#6584ae;background:0 0;padding:3px;display:flex}.notice.warning{color:#8e6d35;background:#fff6e3a1;border-color:#fff9e9}.page-heading{justify-content:space-between;align-items:center;gap:15px;margin:0 4px;display:flex}.page-heading h2{letter-spacing:-.8px;font-size:28px}.badge{color:#6d7e97;white-space:nowrap;background:#eef5fd99;border:1px solid #faffff;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;display:inline-flex}.battery-detail{padding:23px}.battery-detail h2,.diagnostics h2,.settings-form h2,.event-log h2{align-items:center;gap:10px;margin-bottom:14px;font-size:18px;display:flex}.battery-detail h2 svg,.diagnostics h2 svg,.settings-form h2 svg,.event-log h2 svg{color:#6483a6;width:22px}.detail-list>div{border-bottom:1px solid #cad5e5;justify-content:space-between;align-items:center;gap:15px;padding:11px 0;display:flex}.detail-list dt,.detail-list dd{border:0;margin:0;padding:0;font-size:12px}.detail-list dd{text-align:right;color:#283f60;font-weight:500}.info-note{color:#7b8ca4;align-items:flex-start;gap:9px;padding:13px 0 0;font-size:11px;line-height:1.6;display:flex}.info-note>svg{flex-shrink:0;margin-top:1px}.stats-row{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.stats-row .panel{padding:20px}.stats-row span,.stats-row small{color:#71849e;font-size:11px;display:block}.stats-row strong{letter-spacing:-.5px;margin:8px 0;font-size:22px;display:block}.stats-row em{font-size:14px}.autonomy{justify-content:space-between;align-items:center;gap:20px;padding:22px;display:flex}.autonomy h2{margin-bottom:6px;font-size:19px}.autonomy p{font-size:12px}.primary-button,.secondary-button{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#67bcff,#146aff);border:1px solid #b4ddff;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:12px;display:inline-flex;box-shadow:3px 5px 10px #5c8fce4d,inset 0 0 5px #c9ebff77}.secondary-button{background:var(--panel);color:#38557d;border-color:#fff}.explanation{gap:16px;padding:23px;display:flex}.explanation>svg{color:#6387b1;flex-shrink:0;margin-top:2px}.explanation p{font-size:13px;line-height:1.8}.explanation h2{margin-bottom:7px;font-size:19px}.energy-flow{grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center;gap:20px;padding:35px;display:grid}.flow-node{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.flow-node>svg{color:#7599bd;filter:drop-shadow(0 2px #fff);width:38px;height:38px}.flow-node strong{font-size:13px}.flow-node span{color:#8a9bb1;font-size:10px}.sun-node svg{color:#e9aa53}.inverter-node svg{color:#2789f3;width:54px;height:54px;box-shadow:var(--shadow);background:#c9e2ff;border:1px solid #fff;border-radius:17px;padding:10px}.flow-connector{border-top:2px dashed #becbdb;margin-top:-30px}.battery-node{grid-column:3}.grid-node{grid-area:2/5}.empty-state{text-align:center;flex-direction:column;align-items:center;gap:18px;padding:65px 40px;display:flex}.empty-state>.icon-tile{border-radius:22px;width:70px;height:70px}.empty-state h2{font-size:24px}.empty-state p{max-width:490px;font-size:14px;line-height:1.9}.empty-state .info-note{border-top:1px solid #c6d2e4;max-width:470px}.all-alerts{padding:8px 24px}.all-alerts .notification-row{padding:18px 0}.all-alerts .notification-row:first-child{border-top:0}.all-alerts strong{font-size:15px}.all-alerts small{margin-top:5px;font-size:12px}.unavailable{opacity:.6}.event-log{padding:23px}.event-row{border-top:1px solid #c8d4e4;align-items:center;gap:12px;padding:14px 0;display:flex}.event-row>div{flex:1}.event-row strong{font-size:12px;font-weight:500}.event-row small{color:#7a8da7;margin-top:5px;font-size:10px;display:block}.event-row .dot{width:8px;height:8px}.compact-empty{text-align:center;color:#8799b2;padding:25px;font-size:12px}.settings-grid{grid-template-columns:1fr 1fr;gap:23px;display:grid}.settings-form,.diagnostics{padding:24px}.settings-form label{color:#526884;flex-direction:column;gap:8px;margin:19px 0;font-size:12px;display:flex}.settings-form input{color:#1e3e65;outline-offset:2px;background:#dce5f2a6;border:1px solid #f8fbff;border-radius:13px;width:100%;padding:11px 13px;box-shadow:inset 3px 3px 7px #9daec640,inset -3px -3px 7px #ffffff9c}.settings-form input::placeholder{color:#8c9eb8}.field-help{margin:10px 0 20px;font-size:11px;line-height:1.8}.diagnostics .secondary-button{margin:20px 0 5px}.sheet-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:40;background:#182c465c;justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.more-sheet{width:100%;max-width:500px;padding:24px 24px calc(28px + env(safe-area-inset-bottom));background:#e5edf8;border-radius:28px 28px 0 0}.more-sheet>.section-title{margin-bottom:18px}.more-sheet>button{text-align:left;background:0 0;border-top:1px solid #c6d4e7;align-items:center;gap:14px;width:100%;padding:16px 4px;font-size:15px;display:flex}.more-sheet>button svg:last-child{margin-left:auto}.toast{color:#edf6ff;z-index:60;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#253b58ed;border:1px solid #7898be;border-radius:17px;align-items:center;gap:10px;width:max-content;max-width:90%;padding:13px 20px;font-size:12px;display:flex;position:fixed;bottom:112px;left:50%;box-shadow:0 7px 20px #18283e44;transform:translate(-50%)!important}.toast svg{flex-shrink:0}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes battery-glow{50%{filter:drop-shadow(0 0 16px #78f3cf66)}}@media(min-width:1300px){main{padding:36px 45px 115px}.hero-grid{gap:27px}.device-card{gap:25px;min-height:295px;padding:25px}.battery-card{padding:23px 27px 18px}.battery-main{margin:14px 5px 22px}.soc-number{font-size:78px}.soc-number>span{font-size:60px}.battery-visual{width:84px;height:126px}.battery-cap{left:27px}.battery-readings strong{font-size:20px}.battery-readings small{font-size:12px}.device-copy h2{font-size:28px}.device-copy>p{font-size:17px}.device-specs{gap:15px;font-size:15px}.energy-card{min-height:172px;padding:20px}.energy-card h3{font-size:19px}.energy-card strong{font-size:34px}.energy-card p{font-size:15px}.chart-area{height:220px}.chart-header h2{font-size:22px}.periods button{padding:6px 13px;font-size:12px}.charge-label{font-size:12px}.notification-row strong{font-size:14px}.notification-row small{font-size:11px}}@media(max-width:1050px)and (min-width:761px){.app-shell{grid-template-columns:120px minmax(0,1fr)}.sidebar{padding:30px 15px}.brand{width:85px;height:80px}.brand span{font-size:30px}.sidebar-system{font-size:11px}main{padding:26px 24px 110px}h1{font-size:35px}header p{font-size:13px}.online-pill{padding:11px 13px;font-size:11px}.top-tabs{gap:17px;margin-left:3px;margin-right:3px}.hero-grid{gap:16px}.device-card{gap:10px;padding:15px 13px}.device-copy h2{font-size:20px}.device-copy>p{font-size:12px}.device-specs,.device-status{font-size:11px}.battery-card{padding:17px 17px 13px}.battery-readings>div{grid-template-columns:14px 1fr;gap:1px 3px}.battery-readings svg{width:14px}.battery-readings>div+div{padding-left:8px}.battery-readings strong{font-size:14px}.battery-readings em{font-size:11px}.battery-readings small{font-size:9px}.soc-number{font-size:56px}.soc-number>span{font-size:40px}.battery-visual{width:64px;height:105px}.battery-cap{left:18px}.energy-card{gap:10px;min-height:147px;padding:14px 12px}.energy-card .icon-tile{border-radius:12px;width:38px;height:40px}.energy-card .icon-tile svg{width:26px}.energy-card h3{font-size:15px}.energy-card strong{font-size:25px}.energy-card p{font-size:10px}.energy-card strong em{font-size:13px}.unverified{font-size:8px;left:13px}.chart-header{gap:10px}.chart-header h2{font-size:16px}.periods button{padding:6px 7px;font-size:10px}.chart-header select{width:137px;padding:8px;font-size:10px}.lower-grid{grid-template-columns:1fr 1fr;gap:16px}.notifications{padding:14px}.section-title h2{font-size:16px}.notification-row{gap:9px}.notification-row strong{font-size:11px}.notification-row small{font-size:9px}.last-update>strong{font-size:10px}.last-update>span{font-size:9px}.switch{width:38px;height:23px}.switch span{width:17px;height:17px}.switch[aria-checked=true] span{transform:translate(15px)}.view-panel{padding:13px 11px}.metric-controls button{padding:6px 3px;font-size:8px}.display-controls .panel{padding:10px}.display-controls .segmented button{font-size:9px}.flow-switch{gap:5px;font-size:10px}.bottom-nav{width:calc(100% - 210px);left:calc(50% + 60px)}.badge{font-size:9px}}@media(max-width:760px){.app-shell{display:block}.sidebar{display:none}main{padding:calc(23px + max(env(safe-area-inset-top),var(--tg-safe-top,0px))) 17px calc(105px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom,0px)))}header{align-items:flex-start;gap:8px;margin:0 2px 24px}header h1{letter-spacing:-1.2px;font-size:31px}header .eyebrow{letter-spacing:1.5px;font-size:7px}header p{max-width:235px;margin-top:7px;font-size:11px;line-height:1.65}header p span{margin:0 2px}.online-pill{border-radius:50%;justify-content:center;gap:0;width:34px;height:34px;margin-top:18px;padding:10px;font-size:0}.online-pill .dot{width:12px;height:12px}.top-tabs{display:none}.page-content{gap:17px}.notice{border-radius:15px;margin-bottom:18px;padding:10px 12px;font-size:11px;line-height:1.6}.hero-grid{grid-template-columns:1fr;gap:17px}.device-card{border-radius:25px;gap:25px;min-height:191px;padding:16px 22px}.inverter-illustration{width:33%;max-width:110px}.device-copy h2{font-size:23px}.device-copy>p{font-size:14px}.device-status{margin:9px 0 12px;font-size:12px}.device-status .dot{width:10px;height:10px}.device-specs{grid-template-columns:1fr 1fr;gap:9px;padding-top:10px;font-size:10px;display:grid}.device-specs span{gap:6px}.device-specs span:last-child{grid-column:span 2}.device-specs svg{width:16px;height:16px}.battery-card{border-radius:25px;min-height:272px;padding:19px 22px 18px}.battery-top h2{font-size:21px}.battery-main{margin:12px 10px 19px 2px}.soc-number{font-size:72px}.soc-number>span{font-size:52px}.battery-visual{width:77px;height:117px}.charge-label{font-size:11px}.battery-readings{gap:8px;padding-top:12px}.battery-readings strong{font-size:17px}.battery-readings em{font-size:13px}.battery-readings small{font-size:10px}.battery-readings svg{width:18px;height:25px}.battery-readings>div{grid-template-columns:18px 1fr;gap:2px 6px}.battery-readings>div+div{padding-left:10px}.energy-cards{gap:9px}.energy-card{border-radius:21px;flex-direction:column;align-items:flex-start;gap:8px;min-height:151px;padding:12px 11px 27px;display:flex}.energy-card .icon-tile{border-radius:11px;width:33px;height:34px}.energy-card .icon-tile svg{width:23px;height:23px}.energy-card h3{margin-bottom:5px;font-size:13px}.energy-card strong{font-size:23px;line-height:1}.energy-card strong em{font-size:11px}.energy-card p{letter-spacing:-.1px;margin-top:5px;font-size:9px}.unverified{font-size:7px;line-height:1.2;bottom:12px;left:10px;right:6px}.empty-spark{height:23px;left:10px;right:10px}.chart-panel{border-radius:24px;padding:14px 12px 10px}.chart-header{grid-template-columns:1fr auto;gap:12px;display:grid}.chart-header h2{gap:8px;font-size:17px}.icon-tile.small{border-radius:11px;width:34px;height:34px}.icon-tile.small svg{width:21px;height:21px}.periods{border-radius:14px;grid-area:2/span 2;width:100%;margin:0}.periods button{border-radius:13px;min-height:32px;padding:7px 9px;font-size:11px}.chart-header select{grid-area:1/2;width:118px;padding:7px 8px;font-size:10px}.chart-area{height:185px;margin-top:8px}.chart-caption{gap:10px;padding:8px 3px 0;font-size:7px}.chart-caption span:last-child{text-align:right}.chart-empty{gap:7px}.chart-empty strong{font-size:13px}.chart-empty span{font-size:10px}.lower-grid{grid-template-columns:1fr;gap:17px}.view-controls{gap:12px}.view-panel{padding:13px 15px}.view-panel h3{font-size:13px}.metric-controls button{min-height:51px;padding:7px 4px;font-size:9px}.display-controls{grid-template-columns:1.16fr 1fr;gap:12px}.display-controls .panel{padding:12px 14px}.display-controls .segmented button{font-size:10px}.display-controls h3,.flow-switch{font-size:12px}.notifications{padding:17px 18px 10px}.section-title h2{font-size:19px}.notification-row{padding:13px 0}.notification-row strong{font-size:13px}.notification-row small{font-size:10px}.last-update>strong{font-size:12px}.last-update>span{font-size:10px}.bottom-nav{width:calc(100% - 24px);left:50%;bottom:calc(10px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom,0px)));border-radius:27px;gap:3px;max-width:480px;padding:7px 8px}.bottom-nav>button{border-radius:19px;gap:5px;min-width:0;min-height:49px;font-size:9px}.bottom-nav>button svg{width:22px;height:22px}.bottom-active{border-radius:19px}.bottom-nav .more-button{display:flex}.page-heading{flex-direction:column;align-items:flex-start;gap:11px;margin-bottom:1px}.page-heading h2{font-size:27px}.page-heading .eyebrow{font-size:8px}.badge{font-size:9px}.battery-detail,.settings-form,.diagnostics{padding:20px}.detail-list>div{padding:12px 0}.detail-list dt,.detail-list dd{font-size:12px}.battery-detail h2{font-size:17px}.stats-row{grid-template-columns:1fr;gap:12px}.stats-row .panel{grid-template-columns:1fr auto;align-items:center;padding:16px 20px;display:grid}.stats-row strong{margin:0;font-size:21px}.stats-row small{grid-column:span 2;margin-top:8px;font-size:9px}.autonomy{flex-direction:column;align-items:flex-start;padding:20px}.autonomy p{font-size:12px}.settings-grid{grid-template-columns:1fr;gap:17px}.all-alerts{padding:3px 18px}.all-alerts .notification-row{gap:12px;padding:17px 0}.all-alerts strong{font-size:13px}.all-alerts small{max-width:200px;font-size:10px}.event-log{padding:20px}.event-row{flex-wrap:wrap;gap:9px}.event-row strong{font-size:11px}.event-row .badge{margin-left:17px;font-size:8px}.event-row>div{flex-basis:85%}.empty-state{padding:42px 24px}.empty-state h2{font-size:22px}.empty-state p{font-size:12px}.explanation{gap:12px;padding:20px}.explanation h2{font-size:18px}.explanation p{font-size:12px;line-height:1.8}.energy-flow{grid-template-columns:1fr 15px 1fr 15px 1fr;gap:13px;padding:26px 14px}.flow-node>svg{width:29px;height:29px}.flow-node strong{font-size:11px}.flow-node span{font-size:8px}.inverter-node>svg{width:43px;height:43px;padding:8px}.battery-node{grid-column:2/5}.grid-node{grid-area:3/1/auto/-1}.flow-connector{margin-top:-27px}.toast{bottom:calc(95px + max(env(safe-area-inset-bottom),var(--tg-safe-bottom,0px)));padding:12px 15px;font-size:11px}footer{margin-top:22px;font-size:8px}footer>span:last-child{font-size:7px}.more-sheet .section-title h2{font-size:20px}}@media(max-width:360px){main{padding-left:12px;padding-right:12px}header h1{font-size:28px}.device-card{gap:18px;padding:16px 17px}.device-copy h2{font-size:21px}.battery-card{padding:17px 18px}.soc-number{font-size:65px}.battery-readings strong{font-size:15px}.battery-readings>div+div{padding-left:7px}.battery-readings{gap:5px}.battery-readings>div{grid-template-columns:15px 1fr;gap:2px 4px}.battery-readings svg{width:15px}.energy-card{padding-left:9px;padding-right:9px}.unverified{font-size:6px;left:9px}.chart-header h2{font-size:15px}.chart-header select{width:108px}.metric-controls button{font-size:8px}.display-controls .panel{padding:11px}.display-controls .segmented button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.battery-level{transition:none}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}