@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap";:root{color:#e4ece9;font-synthesis:none;--muted:#81928f;--border:#27332f;--green:#4ce4a0;--cyan:#62cce7;--amber:#e3b765;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c1114;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0;font-size:13px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:wait;opacity:.5}a{color:inherit;text-decoration:none}input,select{min-width:0}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green)}svg{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin:0}h2{letter-spacing:-.6px;font-size:23px}h3{align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}p{line-height:1.6}strong,b{font-weight:600}small{font-size:11px}em{font-style:normal}.full{width:100%}.eyebrow{color:var(--muted);letter-spacing:1.6px;font-size:10px;font-weight:650}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:#12191b;border-right:1px solid #26312d;flex-direction:column;width:216px;padding:28px 14px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:8px;margin:0 4px 44px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800;display:flex}.brand-mark{color:#10231b;background:#4be2a0;border-radius:9px 3px;place-items:center;width:30px;height:34px;display:grid}.brand small{letter-spacing:1.5px;color:#7f958d;margin-top:5px;font-family:DM Sans,sans-serif;font-size:6.5px;font-weight:500;display:block}.brand-accent{color:var(--green)}.workspace-label{letter-spacing:1.4px;color:#657b73;margin-bottom:14px;padding:0 14px;font-size:9px}.nav-item{color:#9baea6;border-radius:7px;align-items:center;gap:11px;margin-bottom:6px;padding:13px 12px;font-size:12px;transition:background .2s;display:flex}.nav-item i{background:var(--green);border-radius:50%;width:5px;height:5px;margin-left:auto}.sidebar-divider{background:#26322d;height:1px;margin:22px 12px}.nav-new{color:var(--green);border:1px solid #355d44;border-radius:4px;margin-left:auto;padding:3px 4px;font-size:8px}.sidebar-bottom{margin-top:auto}.simulation-status{align-items:center;gap:9px;padding:24px 12px;display:flex}.simulation-status>span{background:#e8a45f;border-radius:50%;width:6px;height:6px}.simulation-status>span.online{background:var(--green)}.simulation-status b{font-size:10px;font-weight:500}.simulation-status small{color:#667e72;margin-top:5px;font-size:9px;display:block}.demo-user{border-top:1px solid #29372f;align-items:center;gap:9px;padding:20px 0;display:flex}.demo-user>span,.avatar{color:#b4ccbb;background:#26382d;border:1px solid #3b4e40;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.demo-user b{font-size:10px}.demo-user small{color:#718c7d;margin-top:4px;font-size:9px;display:block}.demo-user>svg{color:#6b8777;margin-left:auto}.app-shell>main{width:calc(100% - 216px);min-width:0;margin-left:216px}.topbar{background:#101719;border-bottom:1px solid #242e2b;justify-content:space-between;align-items:center;height:66px;padding:0 30px;display:flex}.breadcrumb{color:#6b8278;align-items:center;gap:13px;font-size:11px;display:flex}.breadcrumb b{color:#becfc6;font-weight:500}.topbar-right{align-items:center;gap:22px;display:flex}.demo-badge{letter-spacing:1px;color:#86a391;border:1px solid #2b4234;border-radius:5px;align-items:center;gap:6px;padding:6px 8px;font-size:8px;display:flex}.demo-badge i{background:var(--green);border-radius:50%;width:4px;height:4px}.help-button{color:#80998a;padding:0}.avatar{color:var(--green);background:#173f2c}.mobile-menu{display:none!important}.page-content{max-width:1900px;margin:auto;padding:28px 30px 16px}.page-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px;display:flex}.page-header p{color:#879c93;margin-top:6px;font-size:12px}.environment-controls{align-items:center;gap:10px;display:flex}.segmented{background:#101716;border:1px solid #2b3a32;border-radius:6px;gap:3px;padding:3px;display:flex}.segmented button{color:#869d90;white-space:nowrap;border-radius:4px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:11px;display:flex}.segmented button.active{color:#cfefdc;background:#274333;border:1px solid #385d44;padding:6px 9px}.temperature-switch button{padding:7px 9px}.weather-select{position:relative}.weather-trigger{background:#1d2922;border:1px solid #334237;border-radius:6px;align-items:center;gap:10px;height:36px;padding:0 12px;font-size:11px;display:flex}.weather-trigger>svg:first-child{color:#c2c9b3}.weather-menu{z-index:40;background:#1d2923;border:1px solid #445b46;border-radius:8px;width:208px;padding:12px 6px 6px;position:absolute;top:45px;right:0;box-shadow:0 12px 30px #0008}.weather-menu>small{letter-spacing:1.3px;color:#829a89;padding:3px 9px 10px;font-size:8px;display:block}.weather-menu button{border-radius:5px;align-items:center;gap:12px;width:100%;padding:11px;font-size:12px;display:flex}.weather-menu button[aria-checked=true],.weather-menu button:hover{color:#d1efd7;background:#304933}.weather-menu button>svg:last-child:not(:first-child){color:var(--green);margin-left:auto}.simulation-clock{color:#779185;justify-content:space-between;align-items:center;gap:12px;margin-bottom:19px;font-size:10px;display:flex}.simulation-clock>span{align-items:center;gap:9px;display:flex}.simulation-clock b{color:#c8d8ce;font-weight:500}.simulation-clock>div{align-items:center;gap:8px;display:flex}.simulation-clock button{border:1px solid #2a3c31;border-radius:4px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;display:flex}.simulation-clock select{color:#a3b7a9;background:#131e17;border:1px solid #2a3c31;border-radius:4px;padding:4px;font-size:9px}.panel{border:1px solid var(--border);background:linear-gradient(120deg,#18211f,#141b1d);border-radius:10px;min-width:0;box-shadow:0 3px 12px #00000014}.panel-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;display:flex}.panel-heading p{margin-top:5px}.panel-heading>svg{color:#789583}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:19px;display:grid}.metric-card{min-height:150px;padding:17px 18px;position:relative;overflow:hidden}.metric-caption{color:#a3b8aa;align-items:center;gap:9px;font-size:11px;display:flex}.metric-caption>svg:last-child{color:#536e5d;margin-left:auto}.metric-icon{background:#24372b;border-radius:6px;place-items:center;width:29px;height:29px;display:grid}.metric-icon.blue{background:#20353d}.metric-icon.amber{background:#373324}.metric-value{letter-spacing:-1px;margin-top:13px;font-size:33px;font-weight:650;line-height:1.2}.metric-value>span{color:#a4b6a9;letter-spacing:0;margin-left:6px;font-size:15px;font-weight:400}.metric-foot{color:#9aae9f;flex-direction:column;gap:6px;margin-top:10px;font-size:9px;display:flex}.metric-foot small{color:#687f6e;font-size:9px}.metric-spark{display:none}.dashboard-grid{grid-template-columns:minmax(0,1fr) 282px;gap:18px;display:grid}.dashboard-main{min-width:0}.device-column{flex-direction:column;gap:12px;display:flex}.quick-device,.battery-widget,.export-widget,.auto-status{padding:17px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{font-size:11px}.quick-device .panel-heading{margin-bottom:13px}.quick-device .tiny{letter-spacing:.5px;font-size:7px}.source-options{background:#101a15;border:1px solid #2b3d31;border-radius:5px;gap:2px;padding:2px;display:flex}.source-options button{color:#7f9988;border-radius:3px;flex:1;padding:7px 1px;font-size:9px}.source-options button.active{color:#8ff6b6;background:#294d34;box-shadow:inset 0 0 0 1px #436d48}.device-detail{color:#8da18f;justify-content:space-between;align-items:center;gap:8px;margin-top:13px;font-size:9px;display:flex}.device-detail strong{color:#c3d9c7;font-size:11px}.reading-pair{color:#819d89;justify-content:space-between;align-items:center;margin:16px 0 8px;font-size:10px;display:flex}.reading-pair>b{color:#d2e4d5;font-size:19px;font-weight:500}.progress-track{background:#2a382c;border-radius:5px;height:5px;margin-top:12px;position:relative;overflow:hidden}.progress-track>span{background:linear-gradient(90deg,#269f70,#64e4a0);border-radius:5px;height:100%;transition:width .5s;display:block}.progress-track>i{background:#c2d3c2;width:2px;height:100%;position:absolute;top:0}.cyan-progress>span{background:linear-gradient(90deg,#278ca3,#67d8eb)}.battery-big{justify-content:space-between;align-items:center;gap:8px;margin-top:8px;display:flex}.battery-big>b{font-family:Manrope,sans-serif;font-size:32px;font-weight:600}.battery-big small{color:#9db4ae;margin-left:4px;font-size:17px}.battery-big>span{align-items:center;gap:5px;font-size:9px;display:flex}.battery-data small{color:#8da296;margin-bottom:5px;font-size:8px;display:block}.battery-data b{font-size:13px;font-weight:500}.battery-data em{color:#77968c;margin-left:4px;font-size:8px;font-weight:400}.battery-reason{color:#86a396;align-items:center;gap:6px;margin-top:14px;font-size:8px;display:flex}.export-widget{justify-content:space-between;align-items:center;gap:9px;display:flex}.export-widget p{color:#8ba591;margin-top:7px;font-size:8px}.toggle{background:#3c4c40;border-radius:20px;flex-shrink:0;width:33px;height:19px;padding:3px;transition:all .2s}.toggle>span{background:#acbdb0;border-radius:50%;width:13px;height:13px;transition:all .2s;display:block}.toggle.on>span{background:#e0f5e6;transform:translate(14px)}.auto-status>div:not(.panel-heading){color:#829c8a;justify-content:space-between;margin-top:11px;font-size:9px;display:flex}.auto-status b{color:#c9dbcc;font-size:10px;font-weight:500}.auto-status>p{color:#789582;border-top:1px solid #2b3d30;align-items:start;gap:6px;margin-top:14px;padding-top:11px;font-size:9px;display:flex}.shortfall{color:#e1ad63;align-items:center;gap:5px;margin-top:10px;font-size:9px;display:flex}.pill{white-space:nowrap;text-transform:capitalize;background:#1f2c24;border:1px solid #344937;border-radius:5px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:inline-flex}.cyan-pill{color:#87c7d1;letter-spacing:.6px;background:#1d3438;border-color:#2e4d51;font-size:7px}.status-dot,.connection-dot{background:var(--green);border-radius:50%;width:5px;height:5px;display:inline-block}.muted-dot{background:#769181}.ecosystem-panel{overflow:hidden}.energy-scene{isolation:isolate;background:radial-gradient(at 22% 28%,#40564022,#0000 60%),linear-gradient(140deg,#1b2420,#172020);height:430px;position:relative;overflow:hidden}.energy-scene.night{background:radial-gradient(at 20% 40%,#223f4b44,#0000 70%),linear-gradient(140deg,#141f22,#10191c)}.scene-heading{z-index:5;justify-content:space-between;align-items:center;display:flex;position:absolute;top:21px;left:22px;right:22px}.scene-heading .eyebrow{color:#9aab9e;letter-spacing:1.2px;font-size:9px}.scene-live{color:#8aa796;align-items:center;gap:6px;font-size:8px;display:flex}.scene-live i{background:var(--green);border-radius:50%;width:4px;height:4px}.scene-grid{z-index:-1;background-image:linear-gradient(#58785b12 1px,#0000 1px),linear-gradient(90deg,#58785b12 1px,#0000 1px);background-size:35px 35px;position:absolute;inset:30% -50% -60%;transform:perspective(440px)rotateX(55deg);-webkit-mask-image:radial-gradient(#000 30%,#0000 72%);mask-image:radial-gradient(#000 30%,#0000 72%)}.three-scene{pointer-events:none;z-index:2;position:absolute;inset:0}.three-scene canvas{width:100%;height:100%;display:block}.energy-paths{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.wire{fill:none;stroke:#3b57412c;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}.wire.storage{stroke:#3d7c8426}.wire.grid{stroke:#80765022}.wire.active{stroke:#5bcf81;stroke-dasharray:5 10;filter:drop-shadow(0 0 4px #54ed7744);animation:1.3s linear infinite flow}.wire.storage.active{stroke:#60d5dd;filter:drop-shadow(0 0 4px #62cbd877)}.wire.grid.active{stroke:#b3a66b}.wire.thermal.active{stroke:#edbc6d;animation-duration:2.5s}.wire.reverse{animation-direction:reverse}@keyframes flow{to{stroke-dashoffset:-30px}}.device-label{z-index:4;text-align:center;pointer-events:none;text-shadow:0 2px 8px #101b15;width:160px;position:absolute;transform:translate(-50%)}.device-label>span{color:#b4c7b6;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.device-label strong{letter-spacing:-.5px;margin-top:6px;font-family:Manrope,sans-serif;font-size:21px;display:block}.device-label small{color:#95b39c;margin-left:4px;font-size:11px;font-weight:500}.device-label em{color:#87a38d;margin-top:5px;font-size:8px;display:block}.battery-label{text-align:left;width:155px;top:79%;left:49%}.battery-label>span{justify-content:start;font-size:9px}.battery-label>span i{color:#79c4ca;border:1px solid #436b6d;border-radius:3px;margin-left:5px;padding:3px;font-size:6px;font-style:normal}.battery-label strong{margin-top:3px;font-size:23px}.battery-label em{font-size:8px}.scene-grid-meter{color:#a6b7a4;z-index:4;align-items:center;gap:6px;font-size:8px;display:flex;position:absolute;bottom:12px;left:20px}.scene-grid-meter b{color:#d6dec3;font-size:10px}.scene-grid-meter small{color:var(--green);font-size:8px}.ecosystem-footer{color:#8aa38f;border-top:1px solid #293a2d;flex-wrap:wrap;gap:15px;padding:13px 20px;font-size:8px;display:flex}.ecosystem-footer>span{align-items:center;gap:6px;display:flex}.ecosystem-footer>span:last-child{margin-left:auto}.solar-dot,.cyan-dot,.grid-dot,.off-dot{background:#54d88b;border-radius:50%;width:6px;height:6px;display:inline-block}.scene-fallback{color:#95baa8;z-index:3;flex-wrap:wrap;justify-content:center;gap:25px;display:flex;position:absolute;inset:24% 12% 20%}.scene-fallback>span{text-align:center;width:100%;font-size:10px}.dashboard-charts{grid-template-columns:minmax(0,1fr) 230px;gap:16px;margin-top:18px;display:grid}.text-link{color:#8ccaa3;align-items:center;gap:6px;font-size:9px;display:inline-flex}.power-panel .panel-heading{gap:8px;margin-bottom:18px}.chart-legend{color:#9ab4a4;align-items:center;gap:15px;font-size:9px;display:flex}.chart-legend>span{white-space:nowrap;align-items:center;gap:5px;display:flex}.chart-legend i{border-radius:50%;width:6px;height:6px;display:inline-block}.chart-unit{color:#799486;margin-left:auto}.line-chart{height:184px;margin-top:12px;position:relative}.line-chart>svg{width:100%;height:100%;overflow:visible}.chart-tooltip{pointer-events:none;z-index:6;background:#10251fee;border:1px solid #41574b;border-radius:5px;flex-direction:column;gap:5px;padding:10px 12px;font-size:9px;display:flex;position:absolute;top:10px;right:10px}.today-stat{align-items:center;gap:12px;margin-bottom:19px;display:flex}.today-stat>span{background:#26382b;border-radius:6px;place-items:center;width:31px;height:31px;display:grid}.today-stat small{color:#8faa96;margin-bottom:5px;font-size:9px;display:block}.today-stat b{font-family:Manrope,sans-serif;font-size:17px;font-weight:600}.today-stat b>span{color:#8ca390;font-family:DM Sans,sans-serif;font-size:9px;font-weight:400}.lab-link{color:#8ec79e;border-top:1px solid #2b3c2e;align-items:center;gap:6px;padding-top:12px;font-size:8px;display:flex}.lab-link>svg:last-child{margin-left:auto}.page-footer{color:#587767;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;padding:0 2px;font-size:8px;display:flex}.page-footer>span{align-items:center;gap:6px;display:flex}.page-footer b{margin:0 3px;font-weight:400}.primary,.secondary,.danger-outline,.danger-text{white-space:nowrap;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:550;display:inline-flex}.primary{color:#103524;background:linear-gradient(#55e8a8,#3dcc91);border:1px solid #6becb4;box-shadow:0 3px 10px #2cdb7920}.primary:hover{filter:brightness(1.07)}.secondary{color:#c6dfcb;background:#223129;border:1px solid #3b5542}.danger-outline{color:#d49889;background:#4c292329;border:1px solid #66423f}.danger-text{color:#d49889}.icon-button{color:#92af9a;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;padding:4px;display:inline-flex}.icon-button:hover{background:#294132}.button-row{align-items:center;gap:10px;display:flex}.page-toolbar{justify-content:space-between;align-items:center;gap:18px;margin:24px 0;display:flex}.page-toolbar p{margin-top:10px;font-size:11px}.control-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.control-card{flex-direction:column;padding:23px;display:flex}.control-card .panel-heading{margin-bottom:7px}.device-illustration{color:#b7d0be;justify-content:center;align-items:center;height:155px;margin-bottom:14px;display:flex;position:relative}.device-illustration>svg{z-index:1;filter:drop-shadow(6px 10px 2px #0003);stroke-width:1.2px}.device-illustration.water{color:#8fbccf}.device-illustration.ev{color:#bdc7d3}.illustration-halo{background:radial-gradient(#52d78022,#0000 70%);border:1px solid #3a67472e;border-radius:50%;width:130px;height:65px;position:absolute;bottom:10px;transform:rotateX(65deg)}.device-illustration>span{letter-spacing:1.5px;color:#739781;font-size:7px;position:absolute;bottom:0}.control-reading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:14px 0 20px;display:flex}.control-reading>strong{font-family:Manrope,sans-serif;font-size:24px;font-weight:600}.control-card .source-options button{padding:9px 3px;font-size:10px}.setting-line{border-top:1px solid #2b3d30;justify-content:space-between;align-items:center;gap:16px;margin:22px 0;padding-top:18px;display:flex}.setting-line b{font-size:11px;font-weight:500}.setting-line small{color:#7f9d89;margin-top:6px;font-size:10px;line-height:1.6;display:block}.mini-status{color:#9ac5a6;background:#1b3023;border:1px solid #304c37;border-radius:6px;gap:12px;padding:13px;display:flex}.mini-status b{font-size:10px;display:block}.mini-status small{color:#7c9d88;margin-top:6px;font-size:9px;line-height:1.7;display:block}.range-label{color:#91af9a;flex-wrap:wrap;justify-content:space-between;align-items:center;margin:22px 0 16px;font-size:10px;display:flex}.range-label input{width:100%;accent-color:var(--green);height:5px;margin:17px 0 0}.control-schedule{justify-content:center;margin-top:auto;padding-top:20px}.control-bottom{grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;display:grid}.battery-summary{align-items:center;gap:25px;margin:26px 0;display:flex}.battery-summary>strong{font-family:Manrope,sans-serif;font-size:43px}.battery-summary strong small{color:#8ca7a3;margin-left:3px;font-size:22px}.battery-summary>span{color:#9fb6ac;font-size:13px}.battery-summary b{margin-top:8px;font-size:10px;font-weight:400;display:block}.activity-list>div{border-bottom:1px solid #2b3a2e;align-items:start;gap:12px;padding:12px 0;display:flex}.activity-list>div:last-child{border:0}.activity-list time{color:#6f907b;min-width:35px;padding-top:1px;font-size:10px}.activity-dot{background:#68b78a;border-radius:50%;width:5px;height:5px;margin-top:5px}.activity-list b{font-size:10px;font-weight:500;display:block}.activity-list small{color:#799783;overflow-wrap:anywhere;margin-top:5px;font-size:9px;line-height:1.5;display:block}.scheduler-layout{grid-template-columns:minmax(0,1fr) 285px;align-items:start;gap:20px;display:grid}.schedule-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:35px;display:flex}.day-picker{gap:3px;display:flex}.day-picker button{color:#809f8c;border-radius:5px;padding:7px;font-size:9px}.day-picker button.active{color:#a5eec1;background:#254c33}.timeline-scroll{overflow:auto}.timeline-axis,.timeline-row{grid-template-columns:118px 1fr;gap:10px;min-width:520px;display:grid}.timeline-axis{height:24px;margin-bottom:12px;padding-right:12px}.timeline-axis>div{position:relative}.timeline-axis>div>span{color:#7e9d88;font-size:9px;position:absolute;transform:translate(-50%)}.timeline-row{margin-bottom:16px;padding-right:12px}.timeline-label{color:#9ab7a3;align-items:center;gap:10px;display:flex}.timeline-label b{font-size:10px;font-weight:500}.timeline-track{background:repeating-linear-gradient(90deg,#141e18,#141e18 calc(12.5% - 1px),#344a342e calc(12.5% - 1px) 12.5%);border:1px solid #2c3d2d;border-radius:6px;height:65px;position:relative;overflow:hidden}.off-background{color:#536c58;font-size:9px;position:absolute;top:28px;left:8px}.time-block{text-align:left;background:#315e397a;border:1px solid #4a8956;border-radius:4px;min-width:0;height:100%;padding:7px 8px;position:absolute;overflow:hidden}.time-block.grid{color:#d8c58a;background:#60502d77;border-color:#887342}.time-block.solar{color:#9cddac}.time-block.off{color:#93a493;background:#324333}.time-block.selected{outline-offset:2px;z-index:1;outline:1px solid #b6e2c0}.time-block strong{text-transform:capitalize;font-size:9px;display:block}.time-block small{white-space:nowrap;margin-top:8px;font-size:7px;display:block}.week-day-label{color:#accab4;margin:20px 0 12px;font-size:11px}.timeline-footer{border-top:1px solid #2f4231;justify-content:space-between;align-items:center;margin-top:10px;padding:20px 0;display:flex}.timeline-footer>small{color:#71917a;font-size:9px}.inline-note{color:#86a88f;background:#213426;border:1px solid #324e38;border-radius:6px;align-items:start;gap:10px;padding:14px;font-size:10px;line-height:1.7;display:flex}.block-editor label{color:#9db9a4;margin:20px 0 8px;font-size:10px;display:block}.block-editor select,.input-unit input,.compact-select{color:#bcd4c2;background:#101d16;border:1px solid #334b37;border-radius:5px;width:100%;padding:10px;font-size:11px}.source-picker button{text-transform:capitalize;flex:1}.form-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.repeat-days{justify-content:space-between;gap:4px;display:flex}.repeat-days button{color:#7f9e88;background:#1b2e21;border:1px solid #344c38;border-radius:4px;width:27px;height:29px;font-size:9px}.repeat-shortcuts{justify-content:space-between;margin:9px 0 24px;display:flex}.repeat-shortcuts button{color:#76a985;padding:0;font-size:8px}.block-editor>.primary{margin-top:8px}.block-editor>.tiny{margin-top:15px;font-size:9px;line-height:1.7}.form-error{color:#e7a280;margin:10px 0;font-size:10px;line-height:1.5}.automation-cards{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.automation-cards>div{color:#84c297;align-items:start;gap:13px;padding:10px 0;display:flex}.automation-cards b{color:#c4dccb;font-size:11px;font-weight:500;display:block}.automation-cards small{color:#7c9f87;margin-top:7px;font-size:10px;line-height:1.6;display:block}.compact-select{width:auto;padding:10px 12px}.analytics-kpis{grid-template-columns:repeat(5,1fr);gap:15px;margin-bottom:20px;display:grid}.analytics-kpi{flex-direction:column;padding:19px 18px;display:flex}.analytics-kpi .metric-caption{font-size:10px}.analytics-kpi strong{letter-spacing:-.5px;white-space:nowrap;margin:18px 0 10px;font-size:27px;font-weight:650}.analytics-kpi strong small{letter-spacing:0;color:#8faa99;margin-left:5px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400}.analytics-kpi>.tiny{font-size:9px}.analytics-main{grid-template-columns:1.25fr 1fr;gap:20px;margin-bottom:20px;display:grid}.bar-chart{justify-content:space-around;align-items:end;gap:12px;height:240px;padding:25px 0 30px 30px;display:flex;position:relative}.bar-column{z-index:1;flex-direction:column;justify-content:end;align-items:center;width:36px;max-width:10%;height:100%;display:flex;position:relative}.bar-stack{border-radius:4px 4px 0 0;flex-direction:column;flex-shrink:0;width:100%;max-height:170px;display:flex;overflow:hidden}.bar-day{color:#8caa96;font-size:9px;position:absolute;bottom:-22px}.bar-grid{position:absolute;inset:25px 0 30px}.bar-grid>span{color:#647f6c;border-bottom:1px dashed #2e4433;width:100%;padding-bottom:5px;font-size:9px;position:absolute}.donut-row{justify-content:center;align-items:center;gap:30px;margin:35px 0 24px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:160px;height:160px;padding:17px;transform:rotate(-90deg)}.donut>div{background:#16211c;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;transform:rotate(90deg)}.donut-legend{flex-direction:column;gap:22px;min-width:150px;display:flex}.donut-legend>div{color:#92b09c;align-items:center;gap:10px;font-size:10px;display:flex}.donut-legend b{color:#c9dfd0;margin-top:5px;font-size:12px;display:block}.donut-legend small{color:#718f7d;margin-left:auto;font-size:10px}.analytics-secondary{grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:20px;display:grid}.cumulative>svg{width:100%;height:190px}.thermal-stat,.export-stat{text-align:center;flex-direction:column;align-items:center;display:flex}.thermal-stat>.panel-heading,.export-stat>.panel-heading{width:100%;margin-bottom:24px}.thermal-stat>strong,.export-stat>strong{letter-spacing:-.5px;margin:13px 0 8px;font-family:Manrope,sans-serif;font-size:30px}.thermal-stat strong small,.export-stat strong small{color:#88a392;margin-left:6px;font:11px DM Sans,sans-serif}.thermal-stat>p,.export-stat>p{font-size:10px}.export-stat>svg{color:#91c3a1;margin:13px 0 8px}.export-stat>small{margin-top:14px;font-size:8px;line-height:1.6}.thermal-illustration{justify-content:space-between;width:85px;height:65px;padding:16px 4px 0;display:flex;position:relative;transform:skew(-13deg)}.thermal-illustration>span{background:linear-gradient(#53616c,#bbc6c9,#3a4854);border:1px solid #758389;border-radius:8px;height:20px;position:absolute;top:0;left:-3px;right:-3px}.thermal-illustration i{background:linear-gradient(90deg,#213646,#7d98a4,#233d50);border-radius:4px;width:5px;box-shadow:1px 0 1px #b4c3cb66}.storage-totals{color:#73927f;border-top:1px solid #2c4132;justify-content:center;gap:35px;padding-top:15px;font-size:10px;display:flex}.storage-totals b{color:#aecdb8;margin-left:6px;font-weight:500}.lab-intro{align-items:center;gap:20px;margin:30px 0;display:flex}.lab-symbol{color:#6fe6aa;background:linear-gradient(140deg,#275c3e,#192f23);border:1px solid #3a7450;border-radius:16px;place-items:center;width:62px;height:62px;display:grid}.lab-intro h2{margin:8px 0}.scenario-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin:25px 0;display:grid}.scenario-grid>button{text-align:left;flex-direction:column;align-items:start;gap:11px;padding:20px;transition:border .2s;display:flex}.scenario-grid>button:hover{border-color:#5d9468}.scenario-grid span,.scenario-grid p{color:#819e8c;font-size:10px;line-height:1.6}.lab-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.lab-layout>.panel{padding:24px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px;display:grid}.form-grid label{color:#9ab6a5;font-size:11px}.input-unit{margin-top:8px;display:flex;position:relative}.input-unit input{width:100%;height:39px;padding-right:70px}.input-unit>span{color:#608872;pointer-events:none;font-size:10px;position:absolute;top:12px;right:12px}.override-fields{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:25px;display:grid}.override-fields label{color:#87aa95;font-size:10px}.override-fields input{width:100%}.lab-explainer{padding:24px}.lab-explainer ol{color:#8fb49d;padding-left:18px;font-size:11px;line-height:1.8}.lab-explainer li{margin-bottom:20px;padding-left:5px}.lab-explainer li b{color:#cae3d1;margin-bottom:5px;display:block}.lab-explainer>p{color:#7d9d89;margin:16px 0;font-size:11px}.lab-explainer .danger-outline{margin-top:20px}.lab-config>.button-row{margin-top:25px}.lab-status{color:var(--green);font-size:10px}.error-banner{color:#e3b58d;background:#462c2355;border:1px solid #77513e;border-radius:7px;align-items:center;gap:12px;margin-bottom:20px;padding:14px;font-size:11px;display:flex}.error-banner button{color:#ffe0b5;margin-left:auto;text-decoration:underline}.toast{z-index:100;color:#b9efd0;background:#203f2fee;border:1px solid #4b7d5e;border-radius:8px;align-items:center;gap:10px;padding:15px 22px;font-size:12px;display:flex;position:fixed;bottom:26px;left:calc(50% + 108px);transform:translate(-50%);box-shadow:0 10px 30px #0006}.toast svg{color:var(--green)}.loading-state{flex-direction:column;justify-content:center;align-items:center;gap:19px;min-height:70vh;display:flex}.loading-logo{width:75px;height:75px;color:var(--green);background:#224731;border:1px solid #4c815e;border-radius:20px;place-items:center;display:grid}.loading-state h2{font-size:20px}.loading-state p{color:#719a80;font-size:12px}.loading-line{background:linear-gradient(90deg, transparent, var(--green), transparent);width:160px;height:2px;animation:1.5s ease-in-out infinite loading}@keyframes loading{50%{opacity:.2;transform:scaleX(.5)}}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:90;background:#030b08bb;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#1a2b21;border:1px solid #47684e;border-radius:14px;max-width:430px;padding:30px;position:relative;box-shadow:0 25px 70px #0008}.modal-close{position:absolute;top:12px;right:12px}.modal-icon{color:#a9d9b6;background:#304b35;border-radius:50%;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.modal h2{font-size:22px}.modal p{color:#99b6a2;margin:16px 0 25px;font-size:12px}.modal .button-row{justify-content:end}@media (width>=1600px){.page-content{padding:36px 40px 20px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 320px}.energy-scene{height:480px}.metric-card{padding:22px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:20px}.device-column{gap:15px}.source-options button{font-size:10px}.dashboard-charts{grid-template-columns:minmax(0,1fr) 270px}.line-chart{height:220px}}@media (width<=1280px){.sidebar{width:192px;padding-left:10px;padding-right:10px}.brand{font-size:13px}.brand small{letter-spacing:1px;font-size:6px}.brand-mark{width:26px;height:30px}.nav-item{gap:9px;font-size:11px}.app-shell>main{width:calc(100% - 192px);margin-left:192px}.page-content{padding:24px 22px}.topbar{padding:0 22px}.dashboard-grid{grid-template-columns:minmax(0,1fr) 250px;gap:14px}.metric-grid{gap:12px}.metric-card{padding:15px}.metric-caption{gap:6px;font-size:10px}.metric-value{font-size:29px}.metric-foot{font-size:8px}.dashboard-charts{grid-template-columns:1fr}.today-panel{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.today-panel>.panel-heading,.today-panel>.lab-link{grid-column:1/-1}.today-panel .today-stat{margin-bottom:3px}.today-stat b{font-size:15px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:14px}.energy-scene{height:405px}.device-label strong{font-size:19px}.scene-heading{left:16px;right:16px}.ecosystem-footer{gap:9px;padding:12px 14px}.ecosystem-footer>span:last-child{display:none}.analytics-kpis{gap:10px}.analytics-kpi{padding:15px 13px}.analytics-kpi strong{font-size:23px}.analytics-kpi .metric-caption{font-size:9px}.donut-row{flex-wrap:wrap;gap:15px}.donut{width:130px;height:130px;padding:14px}.donut strong{font-size:24px}.donut-legend{gap:16px;min-width:130px}.analytics-secondary{grid-template-columns:1.5fr 1fr 1fr;gap:14px}.scheduler-layout{grid-template-columns:minmax(0,1fr) 260px;gap:15px}.schedule-toolbar{flex-wrap:wrap}.day-picker{order:3;justify-content:space-between;width:100%}.block-editor,.control-card{padding:18px}.control-cards{gap:14px}.control-card h3{font-size:12px}.lab-layout{grid-template-columns:minmax(0,1fr) 275px}.toast{left:calc(50% + 96px)}}@media (width<=1050px){.sidebar{width:68px;padding:25px 8px 0}.brand{margin:0 auto 45px}.brand>span:last-child,.workspace-label,.nav-item>span,.nav-item>i,.nav-new,.sidebar-divider,.simulation-status,.demo-user{display:none}.nav-item{justify-content:center;margin-bottom:12px;padding:15px 10px}.nav-item.selected{padding:14px 9px}.app-shell>main{width:calc(100% - 68px);margin-left:68px}.page-header{gap:14px}h1{font-size:25px}.page-content{padding:24px 20px}.topbar{padding:0 20px}.light-switch button{padding:7px}.light-switch button.active{padding:6px}.environment-controls{gap:6px}.weather-trigger{gap:7px;padding:0 8px}.analytics-main{grid-template-columns:1fr 1fr}.analytics-kpi>.tiny{font-size:8px}.control-cards{gap:12px}.control-card{padding:16px}.automation-cards{gap:15px}.toast{left:calc(50% + 34px)}}@media (width<=820px){.page-header{flex-direction:column;align-items:start;gap:18px}.environment-controls{align-self:stretch;gap:10px}.dashboard-grid{grid-template-columns:1fr}.device-column{grid-template-columns:1fr 1fr;display:grid}.energy-scene{height:440px}.dashboard-charts{grid-template-columns:minmax(0,1fr) 210px}.today-panel{display:block}.today-stat{margin-bottom:18px!important}.today-panel .lab-link{margin-top:18px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:18px}.metric-grid{gap:10px}.metric-caption{font-size:9px}.metric-icon{width:24px;height:24px}.metric-value{font-size:25px}.metric-value>span{font-size:12px}.metric-card{padding:13px}.metric-caption>svg:last-child{display:none}.metric-foot small{font-size:8px}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-main{grid-template-columns:1fr}.donut-row{flex-wrap:nowrap;gap:45px}.donut{width:165px;height:165px;padding:17px}.analytics-secondary{grid-template-columns:1fr 1fr}.cumulative{grid-column:1/-1}.scheduler-layout{grid-template-columns:1fr}.schedule-toolbar{flex-wrap:nowrap}.day-picker{order:initial;gap:5px;width:auto}.block-editor{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.block-editor>.panel-heading,.block-editor>.source-picker,.block-editor>.form-pair,.block-editor>.repeat-days,.block-editor>.repeat-shortcuts,.block-editor>p,.block-editor>label{grid-column:1/-1}.repeat-days{justify-content:start;gap:10px}.repeat-days button{width:36px;height:33px}.repeat-shortcuts{justify-content:start;gap:20px}.control-cards{grid-template-columns:1fr}.control-card{grid-template-columns:150px 1fr;gap:0 25px;padding:22px;display:grid}.control-card>.panel-heading{grid-column:1/-1}.device-illustration{grid-area:2/1/5;align-self:center}.control-reading,.control-card>.source-options,.control-card>.setting-line,.control-card>.range-label,.control-card>.mini-status,.control-card>.reading-pair,.control-card>.progress-track,.control-card>.danger-outline,.control-schedule{grid-column:2}.control-card>.setting-line{margin:18px 0}.control-bottom{gap:14px}.lab-layout{grid-template-columns:1fr}.scenario-grid{grid-template-columns:1fr 1fr}.page-footer{flex-direction:column;align-items:start;gap:9px}.automation-cards{grid-template-columns:1fr;gap:10px}.storage-totals{flex-wrap:wrap;gap:15px}}@media (width<=560px){.sidebar{width:215px;padding:28px 14px 0;transition:transform .25s;transform:translate(-100%);box-shadow:20px 0 50px #0006}.sidebar.mobile-open{transform:translate(0)}.sidebar .brand{margin:0 4px 40px}.sidebar .brand>span:last-child,.sidebar .workspace-label,.sidebar .nav-item>span,.sidebar .nav-new,.sidebar .sidebar-divider{display:block}.sidebar .nav-item{justify-content:start;gap:12px;margin-bottom:6px;font-size:12px}.sidebar .simulation-status,.sidebar .demo-user{display:flex}.app-shell>main{width:100%;margin-left:0}.mobile-menu{display:inline-flex!important}.topbar{height:56px;padding:0 14px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span{display:none}.topbar-right{gap:12px}.demo-badge{letter-spacing:.5px;padding:5px;font-size:6px}.help-button{display:none}.avatar{width:25px;height:25px;font-size:9px}.page-content{padding:23px 15px 15px}.page-header{margin-bottom:18px}h1{font-size:26px}.page-header p{font-size:11px}.environment-controls{justify-content:space-between;gap:7px}.segmented button{font-size:10px}.weather-trigger{gap:7px;height:35px;font-size:10px}.weather-trigger svg{width:16px}.simulation-clock{flex-direction:column;align-items:stretch;gap:14px;padding-bottom:5px}.simulation-clock>div{justify-content:flex-start}.metric-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:15px}.metric-card{min-height:140px;padding:15px}.metric-caption{font-size:10px}.metric-value{font-size:30px}.metric-foot{font-size:9px}.dashboard-grid{gap:15px}.energy-scene{height:380px}.scene-heading{top:17px;left:15px;right:15px}.scene-heading .eyebrow{letter-spacing:.9px;font-size:8px}.scene-live{font-size:7px}.device-label{width:95px}.device-label strong{font-size:17px}.device-label>span{gap:4px;font-size:8px}.device-label>span>svg{width:12px}.device-label em{font-size:7px}.home-label{top:57%;left:17%}.water-label{top:57%;left:49%}.ev-label{top:57%;left:80%}.battery-label{width:135px;top:77%;left:52%}.battery-label>span{font-size:8px}.battery-label strong{font-size:20px}.ecosystem-footer{gap:10px;padding:12px;font-size:7px}.scene-grid-meter{font-size:7px;bottom:12px;left:14px}.scene-grid-meter b{font-size:9px}.dashboard-charts{grid-template-columns:1fr;gap:15px;margin-top:15px}.power-panel,.today-panel{padding:18px 16px}.today-panel{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.today-stat{flex-direction:column;align-items:start;gap:8px;margin:0!important}.today-stat b{font-size:14px}.today-stat small{font-size:8px}.today-panel .lab-link{margin-top:10px}.device-column{gap:12px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:14px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{gap:6px;font-size:10px}.quick-device h3>svg,.battery-widget h3>svg{width:15px}.quick-device .tiny{display:none}.quick-device .source-options{flex-wrap:wrap}.quick-device .source-options button{min-width:40%;font-size:9px}.reading-pair{gap:5px;font-size:9px}.reading-pair>b{font-size:16px}.battery-data{gap:4px}.battery-data b{font-size:11px}.battery-data em{font-size:7px}.battery-big{flex-wrap:wrap;gap:5px}.battery-big>b{font-size:28px}.battery-widget .pill{padding:3px 5px;font-size:6px}.battery-data small,.battery-reason{font-size:7px}.export-widget{flex-wrap:wrap;align-content:center}.auto-status>div:not(.panel-heading){font-size:8px}.auto-status b{font-size:9px}.auto-status>p{font-size:8px}.page-toolbar{flex-direction:column;align-items:start;margin-top:24px}.page-toolbar p{font-size:10px}.page-toolbar .button-row{justify-content:space-between;align-self:stretch}.primary,.secondary,.danger-outline,.danger-text{font-size:10px}.control-card{gap:0;padding:20px;display:flex}.device-illustration{width:100%;height:125px;margin-bottom:3px}.control-reading{margin:15px 0}.control-bottom{grid-template-columns:1fr}.control-bottom>.panel{padding:20px}.control-schedule{margin-top:10px}.control-card>.reading-pair{font-size:11px}.control-card>.reading-pair>b{font-size:21px}.control-card>.source-options button{font-size:11px}.timeline-panel{padding:17px 14px}.schedule-toolbar{flex-wrap:wrap;gap:12px}.day-picker{order:3;justify-content:space-between;width:100%}.day-picker button{padding:7px 8px;font-size:10px}.timeline-axis,.timeline-row{grid-template-columns:105px 1fr;min-width:560px}.timeline-footer{gap:10px}.timeline-footer>small{font-size:8px}.block-editor{padding:20px}.repeat-days{gap:8px}.repeat-days button{width:32px}.analytics-kpis{grid-template-columns:1fr 1fr;gap:12px}.analytics-kpi{padding:17px}.analytics-kpi strong{font-size:25px}.analytics-kpi:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;display:grid}.analytics-kpi:last-child strong{text-align:right;margin:0}.analytics-kpi:last-child>.tiny{grid-column:1/-1;margin-top:10px}.analytics-main>.panel,.analytics-secondary>.panel,.analytics-secondary+.panel{padding:20px 17px}.donut-row{gap:23px}.donut{width:135px;height:135px;padding:14px}.donut-legend{min-width:130px}.analytics-secondary{gap:12px}.thermal-stat>.panel-heading,.export-stat>.panel-heading{flex-wrap:wrap;gap:8px}.analytics-secondary h3{font-size:11px}.thermal-stat>strong,.export-stat>strong{font-size:23px}.thermal-stat>p,.export-stat>p{font-size:9px}.storage-totals{justify-content:start;gap:12px;font-size:9px}.lab-intro{align-items:start;gap:13px}.lab-symbol{border-radius:11px;flex-shrink:0;width:44px;height:44px}.lab-symbol>svg{width:24px}.lab-intro .eyebrow{font-size:8px}.lab-intro h2{font-size:20px}.lab-intro p{font-size:11px}.scenario-grid{gap:12px}.scenario-grid>button{padding:16px}.scenario-grid b{font-size:11px}.scenario-grid span{font-size:9px}.form-grid{gap:18px 12px}.form-grid label{font-size:10px}.lab-layout>.panel{padding:20px 17px}.override-fields{grid-template-columns:1fr}.lab-layout .button-row{flex-wrap:wrap}.toast{white-space:nowrap;max-width:90%;padding:13px 17px;font-size:11px;bottom:20px;left:50%}.loading-state h2{text-align:center;font-size:17px}.loading-state p{text-align:center;font-size:11px}.modal{padding:25px}.modal .button-row{justify-content:space-between}.modal h2{font-size:21px}}.input-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;display:grid}.unit-input{margin-top:9px;display:flex;position:relative}.unit-input input{color:#c0d6c7;background:#101d16;border:1px solid #334b37;border-radius:5px;width:100%;height:40px;padding:10px 65px 10px 12px}.unit-input>span{color:#6f947d;pointer-events:none;font-size:10px;position:absolute;top:13px;right:12px}.lab-bottom{grid-template-columns:1.5fr 1fr;gap:20px;margin-top:22px;display:grid}.lab-bottom>.panel{padding:24px}.simulation-steps{grid-template-columns:1fr 1fr;gap:28px 25px;margin:0;padding:0;list-style:none;display:grid}.simulation-steps li{gap:12px;display:flex}.simulation-steps li>span{color:#65ba87;background:#223d2c;border:1px solid #3c6046;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.simulation-steps b{font-size:11px;font-weight:500}.simulation-steps p{color:#7b9b87;margin-top:8px;font-size:10px}.reset-panel{flex-direction:column;align-items:start;gap:17px;display:flex}.reset-panel>svg{color:#97b9a1}.reset-panel>p{color:#8ba493;font-size:11px}.reset-panel>button{margin-top:auto}.connection-dot.disconnected{background:#dc9b65}@media (width<=820px){.input-grid{grid-template-columns:1fr 1fr}.lab-bottom{grid-template-columns:1fr}.simulation-steps{grid-template-columns:1fr 1fr}}@media (width<=560px){.lab-form{padding:20px 16px}.lab-form>.panel-heading{flex-wrap:wrap;align-items:start;gap:12px}.input-grid{gap:20px 12px}.input-grid>label{font-size:10px}.unit-input input{padding-right:48px;font-size:12px}.unit-input>span{font-size:9px;right:8px}.stored-inputs,.simulation-steps{grid-template-columns:1fr}.lab-bottom>.panel{padding:21px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.field-label{color:#9db9a4;grid-column:1/-1;margin:20px 0 8px;font-size:10px;display:block}.modal{color:inherit;margin:auto}.modal::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030b08bb}.export-history{margin-top:20px;padding:23px}.export-history table{border-collapse:collapse;width:100%;font-size:11px}.export-history th{text-align:left;color:#7f9b89;font-size:10px;font-weight:500}.export-history td,.export-history th{border-bottom:1px solid #2a3e30;padding:12px 9px}.empty-history{color:#8aac97;gap:17px;padding:15px 0;font-size:12px;display:flex}.empty-history>span>small{color:#6f8e7c;max-width:650px;margin-top:8px;font-size:10px;line-height:1.7;display:block}:root{--green:#00ef7d;--cyan:#00d4f2;--amber:#ffbf19;--muted:#a3bacd;--border:#17313e;color:#f4f6f9;background:#06121a;font-family:Arial,Helvetica,sans-serif}body{background:radial-gradient(at 55% 35%,#0a202b44,#0000 65%),#06121a;font-size:14px}h1,h2,.metric-value,.analytics-kpi strong{font-family:Arial,Helvetica,sans-serif}h1{letter-spacing:-.7px;font-size:clamp(25px,2.25vw,36px);font-weight:700;line-height:1.15}h2{font-size:26px}h3{letter-spacing:-.2px;font-size:19px;font-weight:600}.green{color:var(--green)}.cyan{color:var(--cyan)}.blue{color:#00bbec}.amber{color:var(--amber)}.muted{color:var(--muted)}.tiny{font-size:12px}.sidebar{width:224px;box-shadow:none;background:linear-gradient(90deg,#0b1820,#08161e);border-right:1px solid #0d202a;padding:27px 12px 20px}.brand{letter-spacing:-.9px;margin:0 12px 25px;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:700;display:block}.brand>span{color:#00ef7d;display:inline!important}.nav-item{color:#e9f1f9;border-radius:7px;gap:18px;min-height:52px;margin:0 0 9px;padding:13px 17px;font-size:16px}.nav-item.selected{color:#fff;background:linear-gradient(110deg,#05643a,#074d35);border:0;padding:13px 17px}.nav-item:hover{color:#fff;background:#103e30}.nav-item svg{color:#f6f9fc;stroke-width:2.1px}.sidebar-bottom .nav-item{color:#8cacc0;padding-left:18px;font-size:14px}.sidebar-connection{color:#6c91a4;align-items:center;gap:8px;margin:14px 19px 0;font-size:11px;display:flex}.sidebar-connection i{background:#00d77b;border-radius:50%;width:6px;height:6px}.sidebar-connection i.offline{background:#e8af3e}.app-shell>main{width:calc(100% - 224px);margin-left:224px}.page-content{max-width:1920px;padding:23px 19px 20px}.page-header{align-items:center;gap:15px;min-height:53px;margin:0 0 21px}.page-title>div{align-items:center;gap:13px;display:flex}.page-title h1{white-space:nowrap}.page-title p{color:#b1c9de;margin-top:9px;font-size:17px}.demo-badge{letter-spacing:0;color:#dce8f8;white-space:nowrap;background:#162731;border:1px solid #243a48;border-radius:6px;padding:6px 9px;font-size:11px}.environment-controls{flex-shrink:0;gap:15px}.segmented{background:#091923;border:1px solid #213a49;border-radius:7px;gap:2px;padding:3px}.segmented button{color:#fff;border-radius:5px;min-height:35px;padding:8px 17px;font-size:13px}.segmented button.active{color:#00130a;background:linear-gradient(#00f782,#00dd72);border:1px solid #00ff8a;padding:7px 16px;font-weight:600;box-shadow:0 0 9px #00ed7020}.light-switch button{gap:12px;min-width:86px}.light-switch button.active{color:#00160a}.temperature-switch button{min-width:49px;padding:8px 10px}.temperature-switch button.active{padding:7px 9px}.weather-trigger{background:linear-gradient(#142632,#0a1c26);border:1px solid #203b49;border-radius:7px;gap:10px;min-width:135px;height:44px;padding:0 12px;font-size:16px}.weather-trigger>svg:first-child{color:#dce7f2;filter:drop-shadow(0 2px 2px #0005)}.weather-menu{background:linear-gradient(120deg,#0e2330,#071a24);border:1px solid #345363;border-radius:8px;width:203px;padding:8px 7px 10px;top:47px;box-shadow:0 14px 35px #0009}.weather-menu>small{letter-spacing:0;color:#c0d4e6;text-transform:none;border-bottom:1px solid #1b3340;margin-bottom:5px;padding:9px 10px 13px;font-size:13px}.weather-menu button{gap:14px;padding:10px;font-size:15px}.weather-menu button[aria-checked=true]{color:#fff;background:0 0}.weather-menu button:hover{background:#18384a}.panel{border:1px solid var(--border);box-shadow:none;background:linear-gradient(110deg,#08192388,#0b1c2555);border-radius:8px}.panel-heading{gap:12px;margin-bottom:17px}.panel-heading p{color:#b0c3d5}.source-options{background:0 0;border:0;gap:4px;padding:0;overflow:visible}.source-options button{color:#fff;background:linear-gradient(#192c37,#11232e);border:1px solid #233d4b;border-radius:6px;min-height:41px;padding:12px 5px;font-size:13px;line-height:1.1}.source-options button.active{color:#00170b;box-shadow:none;background:linear-gradient(#00f780,#00df74);border-color:#00e980;font-weight:600}.primary{color:#00140b;box-shadow:none;background:linear-gradient(#00ef7d,#00dc72);border:1px solid #00e87b;border-radius:6px;padding:13px 21px;font-size:15px;font-weight:600}.secondary{color:#edf4ff;background:linear-gradient(#142631,#0c1b24);border-color:#28424f;border-radius:6px;padding:12px 16px;font-size:14px}.danger-outline{color:#ff5c69;background:#0c1821;border:1px solid #ff495c;padding:12px 16px;font-size:15px;font-weight:500}.danger-text{color:#ff4c55;padding:14px;font-size:14px}.button-row{gap:12px}.toggle{background:#415261;width:49px;height:27px;padding:3px;box-shadow:inset 0 1px 3px #0005}.toggle>span{background:#f5f8fc;width:21px;height:21px;box-shadow:0 1px 2px #0005}.toggle.on{background:#00e47b}.toggle.on>span{transform:translate(22px)}.progress-track{background:#203342;border-radius:10px;height:13px;margin:0}.progress-track>span{background:linear-gradient(90deg,#00f17d,#00df74)}.progress-track>i{background:#c2def0}.pill{color:#bfd2e4;background:#102530;border-color:#274350;font-size:11px}.text-link{color:#45d7ff;gap:9px;font-size:14px}.line-chart text,.cumulative text{fill:#c2d2e8;font:12px Arial,sans-serif}.chart-legend{color:#c5d7e6;gap:20px;font-size:12px}.chart-legend i{width:10px;height:10px}.chart-unit{color:#b6c9dc}.line-chart{height:205px;margin-top:12px}.chart-tooltip{color:#fff;background:#071720f5;border-color:#36505d;font-size:12px}.chart-tooltip b{font-size:13px}.solar-dot{background:#00f07c}.cyan-dot{background:#00d5ec}.grid-dot{background:#ffb21c}.off-dot{background:#71859a}.dashboard-page{grid-template-columns:minmax(0,1fr) clamp(290px,22vw,350px);align-items:start;gap:0 14px;display:grid}.dashboard-page>.page-header{grid-area:1/1;gap:10px;min-height:39px;margin:0 0 17px}.dashboard-page .page-title>div{gap:10px}.dashboard-page h1{font-size:clamp(24px,2.15vw,34px)}.dashboard-page .demo-badge{padding:6px 7px;font-size:10px}.dashboard-page .environment-controls{gap:10px}.dashboard-page .light-switch button{gap:9px;min-width:72px;padding:7px 10px;font-size:12px}.dashboard-page .light-switch button.active{padding:6px 9px}.dashboard-page .light-switch svg{width:21px}.dashboard-page .weather-trigger{min-width:120px;height:40px;font-size:14px}.dashboard-page .temperature-switch button{min-width:39px;padding:7px 8px;font-size:12px}.dashboard-page .temperature-switch button.active{padding:6px 7px}.dashboard-metrics{grid-area:2/1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;display:grid}.dashboard-metrics .metric-card{align-items:center;gap:13px;height:79px;min-height:79px;padding:13px 14px;display:flex}.dashboard-metrics .metric-icon{background:0 0;flex-shrink:0;place-items:center;width:38px;height:42px;display:grid}.dashboard-metrics .metric-caption{color:#bfd3e4;white-space:nowrap;margin-bottom:5px;font-size:13px}.dashboard-metrics .metric-value{letter-spacing:-.3px;white-space:nowrap;margin:0;font-size:25px;font-weight:600;line-height:1.1;display:block}.dashboard-metrics .metric-value>span{color:#f2f7fc;margin:0;font-size:22px;font-weight:600}.dashboard-main{grid-area:3/1;min-width:0}.device-column{flex-direction:column;grid-area:1/2/span 4;gap:8px;padding-top:14px;display:flex}.quick-device,.battery-widget,.export-widget,.auto-status{border-color:#16313e;border-radius:8px;padding:12px 13px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{gap:12px;margin:0 0 11px;font-size:17px}.quick-device .source-options button{min-height:38px;padding:10px 4px;font-size:12px}.device-detail{color:#bfd3e6;justify-content:space-between;align-items:center;gap:5px;margin:9px 0 0;font-size:12px;line-height:1.5;display:flex}.device-reading{color:#bfd4e8;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;display:flex}.device-reading strong{color:#f7f9fd;font-size:20px;font-weight:600}.device-reading b{color:#f5f6fa;font-size:17px}.ev-status{color:#f1f5f9;margin:9px 0;font-size:13px;font-weight:500}.ev-level{color:#c1d4e8;align-items:center;gap:11px;margin-top:12px;font-size:13px;display:flex}.ev-level>span{margin-right:auto}.ev-level strong{color:#fff;white-space:nowrap;font-size:19px;font-weight:600}.ev-level .progress-track{flex-shrink:0;width:37%;height:12px}.battery-widget .panel-heading{gap:8px;margin:0 0 11px}.battery-widget h3{margin:0}.battery-auto{color:#c9dced;white-space:nowrap;align-items:center;gap:8px;font-size:10px;display:flex}.battery-auto b{color:#fff;background:#07506b;border:1px solid #1884a4;border-radius:4px;padding:4px 7px;font-size:10px;font-weight:400}.battery-level{align-items:center;gap:14px;display:flex}.battery-level strong{font-size:31px;font-weight:600}.battery-level .progress-track{flex:1;height:22px}.battery-data{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;display:grid}.battery-data>div+div{border-left:1px solid #15313e;padding-left:8px}.battery-data small{color:#bacfe4;white-space:nowrap;margin-bottom:6px;font-size:11px}.battery-data b{white-space:nowrap;font-size:14px;font-weight:600}.battery-data .cyan{color:#00d9ef}.export-widget{align-items:flex-start;min-height:90px;position:relative}.export-widget h3{margin:0 0 7px;font-size:17px}.export-widget p{color:#bed3e6;margin:0 0 5px;font-size:12px}.export-widget small{color:#bfd4e8;align-items:center;gap:12px;font-size:12px;display:flex}.export-widget .toggle{position:absolute;top:12px;right:12px}.auto-status h3{margin-bottom:10px;font-size:17px}.auto-status>div:not(.panel-heading){color:#b9cfe3;border-bottom:1px solid #142b36;justify-content:space-between;align-items:center;margin:0;padding:3px 0;font-size:12px;display:flex}.auto-status b{color:#e9f3ff;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.auto-status b.green{color:var(--green)}.auto-status b.cyan{color:var(--cyan)}.auto-status>p{color:#b5cde2;border:0;gap:8px;margin:0;padding:8px 0 0;font-size:12px;line-height:1.4}.shortfall{color:#ffbe50;margin-top:8px;font-size:11px;line-height:1.4}.energy-scene,.energy-scene.night{isolation:isolate;background:0 0;height:clamp(385px,33.5vw,535px);margin:3px 0 9px;position:relative;overflow:visible}.scene-floor{z-index:-1;filter:blur(8px);background:radial-gradient(at 20% 8%,#93b4bf0e,#0000 30%),radial-gradient(at 48% 92%,#8ea9b514,#0000 28%);position:absolute;inset:36% 0 8%}.device-art{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%;display:block}.art-home,.art-water,.art-ev,.art-battery{z-index:2;pointer-events:none;position:absolute}.art-home{width:37%;height:54%;top:0;left:-1%}.art-home .device-art{object-fit:fill}.art-water{width:34%;height:45%;top:7%;left:31%}.art-water .device-art{object-fit:fill}.art-ev{width:32%;height:31%;top:21%;left:67%}.art-ev .device-art{object-fit:fill}.art-battery{width:20%;height:33%;top:66%;left:36%}.art-battery .device-art{object-fit:fill}.rooftop-label{color:#c8e0f5;z-index:4;font-size:13px;position:absolute;top:6%;left:50%}.energy-paths{z-index:1;overflow:visible}.energy-paths .wire{stroke-width:2.3px;fill:none;stroke-dasharray:6 6;stroke:#6c778450;filter:none}.energy-paths .inactive-route{stroke:#7d8896;stroke-width:2px;opacity:.75}.energy-paths .wire.solar.active{stroke:#00ff6f;stroke-width:3px;filter:drop-shadow(0 0 4px #00f56e);animation:flow var(--flow-duration,1s) linear infinite}.energy-paths .wire.storage.active{stroke:#00e3f2;stroke-width:3px;filter:drop-shadow(0 0 4px #00d5ed);animation:flow var(--flow-duration,1s) linear infinite}.energy-paths .wire.thermal{opacity:0}.energy-paths .wire.thermal.active{opacity:1;stroke:#ffad28;stroke-width:3px;filter:drop-shadow(0 0 4px #ff7000);animation:flow calc(var(--flow-duration,1s) * 1.1) linear infinite}.energy-paths .wire.grid.active{stroke:#ffca22;filter:drop-shadow(0 0 3px #ffb70077);animation:flow calc(var(--flow-duration,1s) * 1.5) linear infinite}.device-label{z-index:4;text-shadow:none;text-align:center;width:145px;transform:translate(-50%)}.device-label>span{color:#eaf3fa;gap:9px;font-size:16px}.device-label>span.blue svg{color:#00bdec}.device-label>span.cyan svg{color:#00ccef}.device-label>span.green svg{color:#00ed7b}.device-label strong{letter-spacing:-.4px;white-space:nowrap;background:#08151cce;border:1px solid #1d3441;border-radius:5px;margin-top:3px;padding:3px 14px;font-family:Arial,sans-serif;font-size:23px;display:inline-block}.device-label em{color:#c7dff4;white-space:nowrap;margin-top:5px;font-size:13px}.home-label{top:52%;left:21%}.water-label{top:52%;left:49%}.ev-label{top:52%;left:82%}.battery-label{text-align:left;width:195px;top:72%;left:53%;transform:none}.battery-label>span{justify-content:start;font-size:16px;font-weight:600}.battery-label strong{background:0 0;border:0;margin:4px 0;padding:0;font-size:32px;font-weight:600;display:block}.battery-label>b{color:#e5edf4;font-size:17px;font-weight:500;display:block}.battery-label em{color:#00d9ec;margin-top:7px;font-size:16px;font-weight:600}.scene-grid-meter{color:#8293a8;align-items:end;gap:8px;display:flex;bottom:5%;left:auto;right:3%}.scene-grid-meter>svg{stroke-width:2px;filter:drop-shadow(2px 3px 1px #0008)}.scene-grid-meter span{color:#f4f4f9;font-size:13px;display:block}.scene-grid-meter b{color:#fff;margin-top:6px;font-size:18px;display:block}.scene-grid-meter small{font-size:11px}.dashboard-charts{grid-template-columns:minmax(0,1.7fr) minmax(200px,1fr);gap:11px;margin:0;display:grid}.power-panel,.today-panel{padding:15px 16px}.power-panel h3,.today-panel h3{font-size:17px}.power-panel h3>span{margin-left:3px;font-weight:400}.power-panel .panel-heading{margin-bottom:11px}.power-panel .chart-legend{justify-content:end;gap:17px;font-size:11px}.chart-more{color:#a4cbde}.power-panel .line-chart{height:180px;margin-top:8px}.power-panel .chart-unit{margin-left:auto}.today-panel{flex-direction:column;justify-content:center;gap:22px;display:flex}.today-panel>h3{margin-bottom:4px}.today-stat{color:#c6dbef;align-items:center;gap:12px;margin:0;font-size:13px;display:flex}.today-stat>span:first-child{background:0 0;border-radius:0;width:30px;height:32px}.today-stat>span:nth-child(2){white-space:nowrap;background:0 0;width:auto;height:auto;display:block}.today-stat>strong{white-space:nowrap;color:#f4f8fc;margin-left:auto;font-size:18px}.today-stat small{color:inherit;font-size:16px;font-weight:500;display:inline}.simulation-tools{border-top:1px solid #16303e;grid-column:1/-1;justify-content:space-between;align-items:center;gap:18px;margin-top:22px;padding-top:14px;display:flex}.simulation-clock{color:#8aafc5;flex-wrap:wrap;gap:20px;margin:0;font-size:11px}.simulation-clock>span{gap:8px}.simulation-clock b{color:#d5e9f8}.simulation-clock small{color:#799db5;font-size:10px}.simulation-clock button{color:#b9d2e6;background:#0c202b;border-color:#284653;border-radius:5px;padding:7px 10px;font-size:11px}.simulation-clock button.running{color:#00ec7b;border-color:#00ad65}.simulation-clock select{color:#b9d2e6;background:#0c202b;border-color:#284653;padding:6px;font-size:11px}.simulation-tools .environment-controls{transform-origin:100%;zoom:.85}.page-footer{color:#648da7;grid-column:1/-1;margin-top:15px;font-size:10px}.page-footer .connection-dot{background:#00db78}.page-footer .connection-dot.disconnected{background:#e7ab49}.systems-online{color:#00f383;align-items:center;gap:9px;font-size:14px;display:flex}.systems-online i{background:#00ef76;border-radius:50%;width:13px;height:13px}.control-summary{align-items:center;gap:25px;margin-bottom:14px;padding:17px 20px;display:flex}.control-summary>div{flex:1;justify-content:center;align-items:center;gap:22px;min-width:0;display:flex}.control-summary>div+div{border-left:1px solid #27414e}.control-summary>div>svg{color:#00ee7a}.control-summary>div:nth-child(2)>svg{color:#ffca13}.control-summary span{color:#b5cce0;font-size:13px}.control-summary span strong{color:#fff;margin-top:5px;font-size:25px;display:block}.control-summary>div>strong{font-size:17px}.control-summary>.danger-outline{padding:10px 12px;font-size:13px}.control-cards{align-items:stretch;gap:13px}.control-card{gap:0;padding:17px;display:flex}.control-card .panel-heading{gap:9px;margin-bottom:8px}.control-card h3{gap:12px;font-size:19px}.control-card h3 [data-icon=water]{color:#35c9f7}.control-card h3 [data-icon=ev]{color:#00ee7e}.device-status{white-space:nowrap;color:#b6f9d7;background:#00452555;border:1px solid #09603c;border-radius:22px;align-items:center;gap:6px;padding:6px 10px;font-size:11px;line-height:1.3;display:flex}.device-status i{background:#00f278;border-radius:50%;flex-shrink:0;width:10px;height:10px}.device-status.inactive{color:#a8bbc9;background:#172630;border-color:#344656}.device-status.inactive i{background:#8495a5}.control-illustration{height:clamp(185px,15.5vw,255px);margin:0 -5px;position:relative}.control-illustration .device-art{object-fit:contain;filter:drop-shadow(0 9px 6px #0003)}.control-card:nth-child(2) .control-illustration .device-art{object-fit:fill;width:80%;margin:auto}.control-reading{z-index:2;flex-direction:column;align-items:start;gap:4px;margin:-4px 0 13px;display:flex;position:relative}.control-reading>small{color:#bcd2e4;font-size:13px}.control-reading>strong{color:#fff;font-family:Arial,sans-serif;font-size:30px}.control-card .source-options button{min-height:44px;padding:12px 4px;font-size:13px}.setting-line{border:0;gap:12px;margin:17px 0;padding-top:0}.setting-line b{color:#f2f7fb;font-size:14px;font-weight:400}.setting-line small{color:#9dbbd2;margin-top:6px;font-size:11px;line-height:1.4}.range-label{color:#f3f7fc;gap:0;margin:18px 0 9px;font-size:14px}.range-label strong{color:#fff;font-size:18px}.range-label input{accent-color:#00ee7c;height:8px;margin-top:16px}.range-limits{color:#b5ccdf;justify-content:space-between;width:100%;margin-top:9px;font-size:11px;display:flex}.control-card .ev-level{margin:24px 0 13px;font-size:14px}.control-card .ev-level strong{font-size:21px}.control-card .ev-level .progress-track{height:14px}.control-card .stop-charge{border-width:1.5px;min-height:44px;margin-top:24px}.device-mini-chart{border-top:1px solid #203947;margin-top:15px;padding-top:11px}.mini-chart-title{color:#eef7ff;justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.mini-chart-title small{color:#b4cbde;font-size:11px}.device-mini-chart .chart-legend{display:none}.device-mini-chart .line-chart{height:140px;margin-top:5px}.control-footnote{color:#7b9db4;gap:8px;margin:12px 0 0;font-size:11px;line-height:1.5;display:flex}.control-schedule{justify-content:end;align-self:end;margin-top:auto;padding-top:14px;font-size:14px}.control-bottom{grid-template-columns:1fr 1.08fr;gap:13px;margin-top:13px}.control-bottom>.panel{padding:16px 20px}.grid-export-panel h3{font-size:19px}.grid-export-body{justify-content:space-between;align-items:center;gap:20px;margin-top:18px;display:flex}.export-setting{align-items:center;gap:20px;margin-bottom:9px;font-size:14px;display:flex}.grid-export-body small{color:#b0c7dc;font-size:12px}.grid-export-body>div:last-child{border-left:1px solid #25414f;min-width:130px;padding-left:25px;font-size:14px}.grid-export-body strong{white-space:nowrap;margin-top:6px;font-size:30px;display:block}.activity-list>div{border-bottom:1px solid #152f3c;gap:14px;padding:7px 0}.activity-list time{color:#c5d6e6;font-size:12px}.activity-list>div>svg{color:#17caff}.activity-list b{font-size:13px;font-weight:400}.activity-list small{color:#809fb6;margin-top:3px;font-size:10px}.control-bottom .panel-heading{margin-bottom:7px}.reserve-settings{justify-content:space-between;align-items:center;gap:20px;margin-top:13px;padding:16px 20px;display:flex}.reserve-settings h3{font-size:16px}.reserve-settings>span{color:#a5c0d6;font-size:12px}.reserve-settings .range-label{width:235px;margin:0;font-size:12px}.reserve-settings .range-label strong{font-size:14px}.scheduler-page>.page-header{margin-bottom:23px}.scheduler-page .page-toolbar{pointer-events:none;justify-content:flex-end;min-height:48px;margin:-74px 0 26px;position:relative}.scheduler-page .page-toolbar>div{display:none}.scheduler-page .page-toolbar>button{pointer-events:auto;font-size:15px}.scheduler-layout{grid-template-columns:minmax(0,1fr) 320px;gap:12px}.timeline-panel{padding:19px 16px;overflow:hidden}.schedule-toolbar{border-bottom:1px solid #1b3644;flex-wrap:nowrap;gap:22px;margin-bottom:30px;padding-bottom:17px;display:flex}.day-picker{order:initial;flex:1;gap:0;width:auto}.day-picker button{color:#fff;background:linear-gradient(#142733,#0b1b26);border:1px solid #203946;border-radius:4px;flex:1;padding:11px 14px;font-size:13px}.day-picker button.active{color:#00120b;background:#00e779;border-color:#00ef7f;font-weight:600}.timeline-axis,.timeline-row{grid-template-columns:107px 1fr;gap:15px;min-width:620px;padding-right:12px}.timeline-axis{height:24px;margin-bottom:18px}.timeline-axis>div>span{color:#c4d3e6;font-size:12px}.timeline-row{align-items:center;margin-bottom:24px}.timeline-label{flex-direction:column;align-items:start;gap:2px;padding:0 3px;display:flex}.timeline-label .device-art{object-fit:contain;width:95px;height:76px}.timeline-label b{color:#f4f7fc;max-width:70px;font-size:13px;font-weight:500;line-height:1.3}.timeline-track{background:repeating-linear-gradient(90deg,#0a1b24,#0a1b24 calc(12.5% - 1px),#244252 calc(12.5% - 1px) 12.5%);border:0;border-radius:4px;height:76px}.time-block{background:linear-gradient(100deg,#039b44,#05ac51);border:1px solid #00ed74;border-radius:4px;height:100%;padding:13px 14px;color:#fff!important}.time-block.grid{background:linear-gradient(100deg,#bc8206,#ad7507);border-color:#efae00}.time-block.off,.off-segment{color:#fff;background:linear-gradient(110deg,#3f5368,#3a4c5e);border:1px solid #607589}.time-block strong{font-size:15px;font-weight:600}.time-block small{white-space:nowrap;margin-top:8px;font-size:12px}.time-block.selected{outline-offset:-1px;outline:2px solid #72ffab;box-shadow:0 0 7px #0f84}.off-segment{border-radius:4px;flex-direction:column;justify-content:center;height:100%;padding:12px;display:flex;position:absolute;overflow:hidden}.off-segment b{font-size:14px;font-weight:500}.off-segment small{white-space:nowrap;margin-top:8px;font-size:11px}.timeline-footer{border:0;margin-top:2px;padding:13px 0 17px}.timeline-footer .chart-legend{gap:20px;font-size:12px}.timeline-footer>small{font-size:10px}.inline-note{color:#bfd1e4;background:0 0;border:0;gap:10px;padding:0;font-size:12px;line-height:1.5}.inline-note>svg{color:#b5d8ee}.auto-timeline{color:#83f8c3;background:linear-gradient(90deg,#073b31,#092a2e);border:1px solid #0d6c50;border-radius:4px;justify-content:center;align-items:center;gap:11px;width:100%;height:100%;font-size:13px;display:flex}.block-editor{padding:18px 20px}.block-editor h3{font-size:22px}.block-editor label,.field-label{color:#bcd4e7;margin:20px 0 9px;font-size:14px}.block-editor select,.compact-select{color:#edf6ff;background:linear-gradient(#112733,#0e202b);border:1px solid #2b4858;border-radius:6px;padding:13px;font-size:14px}.block-editor label select{margin-top:10px}select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}select option,select optgroup{color:#edf6ff;background-color:#0e202b}.source-picker{background:0 0;border:0;gap:3px;padding:0}.source-picker button{text-transform:capitalize;background:#10232e;border:1px solid #223f4c;padding:12px 10px;font-size:14px}.source-picker button.active{padding:11px 9px}.repeat-days{gap:3px}.repeat-days button{color:#fff;background:#0b1f2b;border:1px solid #1f3a49;width:34px;height:37px;font-size:11px}.repeat-days button.active{color:#00130b;background:#00e977;border-color:#00f17d}.repeat-shortcuts button{color:#7cb9d6;font-size:11px}.repeat-shortcuts{margin:12px 0 21px}.block-editor>.primary{min-height:46px;margin-top:17px;font-size:15px}.block-editor>.tiny{color:#809fb7;font-size:11px}.schedule-summary{margin-top:13px;padding:16px 20px}.schedule-summary h3{font-size:20px}.schedule-summary .pill{color:#80f5b6;background:#06442b;border-color:#176142}.automation-cards{gap:16px}.automation-cards>div{color:#00ec78;border:1px solid #1b3441;border-radius:7px;padding:16px 14px}.automation-cards b{color:#fff;font-size:13px}.automation-cards small{color:#a8c1d6;font-size:12px}.analytics-page>.page-header{margin-bottom:21px}.analytics-page>.page-toolbar{pointer-events:none;justify-content:flex-end;min-height:45px;margin:-72px 0 29px}.analytics-page>.page-toolbar>div:first-child{display:none}.analytics-page .page-toolbar .button-row{pointer-events:auto}.analytics-kpis{grid-template-columns:repeat(5,minmax(0,1fr));gap:11px;margin-bottom:12px}.analytics-kpi{min-height:158px;padding:17px 15px;display:block;position:relative}.analytics-kpi .metric-caption{color:#bad0e4;align-items:start;gap:14px;min-height:24px;padding-left:47px;font-size:13px}.analytics-kpi .metric-caption>span{position:absolute;top:20px;left:16px}.analytics-kpi .metric-caption svg{stroke-width:2px;width:35px;height:35px}.analytics-kpi>strong{letter-spacing:-.5px;margin:0 0 12px;padding-left:47px;font-family:Arial,sans-serif;font-size:26px;font-weight:600;display:block}.analytics-kpi>strong small{color:#fff;margin-left:5px;font-size:20px;font-weight:600}.analytics-kpi>.tiny{color:#9fb8d2;margin-top:3px;font-size:10px;display:block}.kpi-spark{width:100%;height:43px;margin-top:5px;display:block}.analytics-main{grid-template-columns:1.65fr 1fr;gap:12px;margin-bottom:12px}.analytics-main>.panel,.analytics-secondary>.panel,.analytics-secondary+.panel{padding:20px 21px}.analytics-main h3{font-size:21px}.analytics-main .panel-heading{margin-bottom:17px}.analytics-main .panel-heading p,.analytics-main .panel-heading>.pill{display:none}.analytics-main .chart-legend{justify-content:end;margin-top:-35px;margin-bottom:14px;font-size:12px}.bar-chart{gap:14px;height:257px;padding:25px 0 29px 30px}.bar-column{width:62px;max-width:11%}.bar-stack{border-radius:4px 4px 0 0;max-height:196px}.bar-solar-part{background:linear-gradient(#24e863,#0eb55c)}.bar-grid-part{background:linear-gradient(#ffd64b,#ffa30b)}.bar-total{color:#fff;margin-bottom:8px;font-size:12px}.bar-day{color:#d1dded;font-size:12px;bottom:-24px}.bar-grid>span{color:#bad0e6;border-bottom:1px solid #1c3544;font-size:11px}.bar-grid{height:196px;top:auto;bottom:29px}.donut-row{flex-wrap:nowrap;gap:22px;margin:35px 0 10px}.donut{width:180px;height:180px;box-shadow:none;padding:37px}.donut>div{background:#091720}.donut strong{font-family:Arial,sans-serif;font-size:30px}.donut span{color:#fff;margin-top:4px;font-size:14px}.donut-legend{gap:13px;min-width:150px}.donut-legend>div{color:#c8d9ec;border-bottom:1px solid #1c3542;gap:9px;padding:10px 0;font-size:12px}.donut-legend svg{width:27px;height:27px}.donut-legend b{color:#fff;font-size:16px;font-weight:600}.donut-legend small{color:#afc6de;font-size:12px}.analytics-main>.panel>.tiny{color:#7597b2;text-align:center;margin-top:15px;font-size:10px}.analytics-secondary{grid-template-columns:1.5fr 1.12fr 1fr;gap:12px;margin-bottom:14px}.analytics-secondary h3{font-size:20px}.analytics-secondary .panel-heading{margin-bottom:17px}.cumulative>svg{height:240px}.cumulative text{font-size:12px}.thermal-stat{text-align:left;grid-template-rows:35px 140px auto;grid-template-columns:45% 55%;align-items:center;gap:0;min-height:290px;display:grid;position:relative}.thermal-stat>.panel-heading{grid-area:1/1/auto/-1;margin:0!important}.thermal-art{object-fit:contain;grid-area:2/1/span 2;align-self:center;width:175%;height:220px;margin-top:15px;margin-left:-37.5%}.thermal-stat>strong{color:#ffba39;grid-area:2/2;align-self:center;margin:15px 0 0;font-size:31px;line-height:1.4}.thermal-stat>strong small{color:#ffba39;white-space:nowrap;font-size:19px;font-weight:600}.thermal-stat>p{color:#a8c3dc;grid-area:3/2;align-self:start;font-size:13px;line-height:1.5}.thermal-stat>p .thermal-temp{color:#ffba39;margin-top:14px;font-size:28px;font-weight:600;display:block}.export-stat .panel-heading{flex-wrap:wrap;gap:8px}.export-stat>svg{color:#8098b4;width:49px;height:49px;margin:17px 0 12px}.export-stat>strong{margin:4px 0 14px;font-family:Arial,sans-serif;font-size:32px}.export-stat strong small{color:#fff;font-size:22px}.export-stat>p{color:#a0b9d0;font-size:12px}.export-stat>small{color:#9ab4cd;margin-top:12px;font-size:11px}.storage-totals{color:#92b3cc;border-color:#203c4c;font-size:12px}.storage-totals b{color:#e3f1fb}.export-history{padding:19px 21px}.export-history h3{font-size:20px}.export-history th{color:#b1cbe2;font-size:12px}.export-history td{font-size:13px}.export-history td,.export-history th{border-color:#203746}.empty-history{color:#bdd7ec;font-size:14px}.empty-history>span>small{color:#7fa0b8;font-size:12px}.lab-intro h2{font-size:27px}.lab-intro p{color:#a9c2d8;font-size:14px}.lab-symbol{color:#00f080;background:#062f28;border-color:#087954}.scenario-grid>button{border-color:#1b3a4a;gap:14px;padding:23px}.scenario-grid>button>svg{color:#00e880}.scenario-grid b{font-size:16px}.scenario-grid span{color:#adc6dc;font-size:13px}.lab-form{padding:24px}.lab-form h3{font-size:21px}.input-grid>label{color:#b4d0e5;font-size:14px}.unit-input input{color:#f0f7ff;background:#0c202c;border-color:#2a475a;font-size:15px}.unit-input>span{color:#80abc5;font-size:12px}.lab-bottom h3{font-size:20px}.simulation-steps b{font-size:14px}.simulation-steps p{color:#9cbbd1;font-size:12px}.simulation-steps li>span{color:#00ed7d;background:#063627;border-color:#0a7550}.reset-panel p{color:#adc8df;font-size:13px}.reset-panel>.tiny{font-size:12px}.toast{color:#d3ffed;background:#06382bf5;border-color:#087752;border-radius:7px;font-size:14px;left:calc(50% + 112px)}.modal{color:#fff;background:#0c202c;border:1px solid #34576a}.modal p{color:#adc7dc}.modal-icon{color:#00f08c;background:#113e34}.loading-logo{color:#00ef7b;background:#093b2c;border-color:#12845a}.loading-state p{color:#9bbdd2}@media (width>=1800px){.dashboard-page{grid-template-columns:minmax(0,1fr) 370px}.device-column{gap:10px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:16px}.energy-scene{height:560px}.dashboard-charts{grid-template-columns:1.8fr 1fr}.power-panel .line-chart{height:210px}.dashboard-page>.page-header{margin-bottom:20px}.dashboard-metrics .metric-card{height:85px}}@media (width<=1450px){.sidebar{width:200px;padding-left:10px;padding-right:10px}.brand{margin-left:9px;margin-right:0;font-size:23px}.nav-item{gap:15px;padding-left:14px;font-size:14px}.nav-item.selected{padding-left:14px}.app-shell>main{width:calc(100% - 200px);margin-left:200px}.page-content{padding:20px 16px}.dashboard-page{grid-template-columns:minmax(0,1fr) 300px;gap:0 12px}.dashboard-page .page-title>div{gap:9px}.dashboard-page .demo-badge{padding:5px 6px;font-size:9px}.dashboard-page .environment-controls{gap:7px}.dashboard-page .light-switch button{gap:6px;min-width:59px;padding:7px;font-size:11px}.dashboard-page .light-switch button.active{padding:6px}.dashboard-page .weather-trigger{gap:6px;min-width:103px;height:39px;padding:0 8px;font-size:13px}.dashboard-page .temperature-switch button{min-width:32px;padding:7px 6px;font-size:11px}.dashboard-page .temperature-switch button.active{padding:6px 5px}.dashboard-page h1{font-size:27px}.dashboard-metrics{gap:9px}.dashboard-metrics .metric-card{gap:8px;height:74px;min-height:74px;padding:12px 10px}.dashboard-metrics .metric-icon{width:31px}.dashboard-metrics .metric-icon svg{width:29px}.dashboard-metrics .metric-caption{font-size:11px}.dashboard-metrics .metric-value{font-size:23px}.dashboard-metrics .metric-value>span{font-size:19px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{gap:10px;font-size:16px}.quick-device .source-options button{padding:10px 3px;font-size:11px}.device-detail{font-size:11px}.battery-auto{gap:5px;font-size:9px}.battery-data b{font-size:12px}.battery-data small{font-size:10px}.battery-data{gap:5px}.battery-data>div+div{padding-left:5px}.dashboard-charts{grid-template-columns:1.65fr minmax(185px,1fr)}.power-panel,.today-panel{padding:13px}.power-panel h3,.today-panel h3{font-size:15px}.today-stat{gap:7px;font-size:11px}.today-stat>strong{font-size:16px}.today-stat small{font-size:14px}.today-stat svg{width:24px}.power-panel .chart-legend{gap:11px;font-size:10px}.power-panel .line-chart{height:177px}.control-card{padding:15px}.control-card h3{gap:9px;font-size:17px}.control-card h3>svg{width:24px}.device-status{gap:5px;padding:5px 7px;font-size:10px}.device-status i{width:8px;height:8px}.control-card .source-options button{font-size:12px}.control-summary{gap:15px;padding:14px}.control-summary>div{gap:14px}.control-summary>div>strong{font-size:14px}.control-summary .danger-outline{font-size:12px}.control-reading>strong{font-size:28px}.scheduler-layout{grid-template-columns:minmax(0,1fr) 290px}.schedule-toolbar{flex-wrap:wrap;gap:12px}.day-picker{order:3;width:100%}.day-picker button{padding:10px}.analytics-kpi{padding:14px 12px}.analytics-kpi .metric-caption{gap:10px;padding-left:39px;font-size:11px}.analytics-kpi .metric-caption>span{top:17px;left:12px}.analytics-kpi .metric-caption svg{width:29px;height:29px}.analytics-kpi>strong{padding-left:39px;font-size:24px}.analytics-kpi>strong small{font-size:16px}.analytics-main{grid-template-columns:1.5fr 1fr}.donut{width:153px;height:153px;padding:29px}.donut-row{gap:14px}.donut strong{font-size:26px}.donut-legend{min-width:125px}.donut-legend>div{gap:7px;font-size:11px}.donut-legend b{font-size:14px}.donut-legend svg{width:22px}.analytics-main h3{font-size:19px}.analytics-secondary h3{font-size:18px}.thermal-stat>strong{font-size:27px}.thermal-stat>strong small{font-size:16px}.toast{left:calc(50% + 100px)}}@media (width<=1180px){.sidebar{width:176px;padding-top:23px}.brand{margin-bottom:27px;margin-left:5px;font-size:21px}.nav-item{gap:12px;padding:12px 10px;font-size:13px}.nav-item.selected{padding:12px 10px}.nav-item svg{width:22px}.app-shell>main{width:calc(100% - 176px);margin-left:176px}.page-content{padding:18px 14px}.dashboard-page{grid-template-columns:minmax(0,1fr) 275px;gap:0 10px}.dashboard-page>.page-header{flex-wrap:wrap;gap:12px;min-height:75px;margin-bottom:12px}.dashboard-page h1{font-size:28px}.dashboard-page .environment-controls{margin-left:auto}.dashboard-metrics .metric-icon,.dashboard-metrics .metric-icon svg{width:24px}.dashboard-metrics .metric-card{gap:6px;padding:10px 8px}.dashboard-metrics .metric-caption{font-size:10px}.dashboard-metrics .metric-value{font-size:21px}.dashboard-metrics .metric-value>span{font-size:16px}.energy-scene{height:370px}.device-label>span{font-size:14px}.device-label strong{font-size:21px}.device-label em{font-size:11px}.battery-label{width:170px;left:55%}.battery-label strong{font-size:28px}.battery-label>span{font-size:14px}.battery-label>b{font-size:15px}.battery-label em{font-size:13px}.scene-grid-meter{right:0}.scene-grid-meter>svg{width:42px;height:45px}.scene-grid-meter b{font-size:15px}.dashboard-charts{grid-template-columns:1fr}.today-panel{flex-flow:wrap;justify-content:space-between;gap:16px;display:flex}.today-panel>h3{width:100%;margin:0}.today-stat{flex-wrap:wrap;gap:6px;max-width:31%;font-size:11px}.today-stat>strong{width:100%;padding-left:31px;font-size:16px}.power-panel .line-chart{height:185px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:12px 10px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{gap:8px;font-size:15px}.battery-auto{gap:4px;font-size:8px}.battery-auto b{padding:4px;font-size:8px}.battery-widget h3>svg{width:20px}.battery-data b{font-size:11px}.battery-data small{font-size:9px}.battery-level strong{font-size:29px}.device-reading{font-size:12px}.device-detail{font-size:10px}.device-reading strong{font-size:18px}.control-card .panel-heading{flex-wrap:wrap}.control-card h3{font-size:17px}.control-summary>div{gap:11px}.control-summary>div>svg{width:28px}.control-summary span{font-size:11px}.control-summary span strong{font-size:23px}.control-summary>div:nth-child(3){display:none}.page-title p{font-size:14px}.analytics-page>.page-toolbar{margin-top:0;margin-bottom:15px}.analytics-kpi .metric-caption{padding:0 0 0 30px;font-size:10px}.analytics-kpi .metric-caption svg{width:24px;height:24px}.analytics-kpi>strong{margin:10px 0;padding:0;font-size:22px}.analytics-kpi>strong small{font-size:16px}.analytics-main{grid-template-columns:1fr 1fr}.analytics-main .chart-legend{justify-content:start;margin:0;font-size:10px}.donut-row{flex-wrap:wrap;gap:20px}.donut-legend{grid-template-columns:1fr;gap:3px;width:100%;display:grid}.donut-legend>div{padding:5px 0}.analytics-secondary{grid-template-columns:1.3fr 1fr 1fr}.analytics-secondary>.panel{padding:17px 14px}.thermal-stat{grid-template-columns:40% 60%}.thermal-stat>strong{font-size:25px}.thermal-stat>strong small{font-size:13px}.thermal-stat>p{font-size:11px}.thermal-stat>p .thermal-temp{font-size:24px}.scheduler-page .page-toolbar{margin-top:0;margin-bottom:15px}.scheduler-page .page-toolbar>div{display:block}.scheduler-page .page-toolbar>div>p{display:none}.scheduler-page .page-toolbar{justify-content:space-between}.scheduler-layout{grid-template-columns:minmax(0,1fr) 270px}.timeline-panel{padding:16px 13px}.block-editor{padding:17px 16px}.repeat-days button{width:31px;font-size:10px}.automation-cards{gap:10px}.automation-cards>div{padding:12px}.toast{left:calc(50% + 88px)}}@media (width<=940px){.sidebar{width:70px;padding:24px 9px}.brand{width:36px;height:35px;margin:0 auto 27px;font-size:0;position:relative}.brand>span{display:none!important}.brand:before{content:"TV";color:#00e97b;font-size:22px;font-weight:700}.nav-item,.nav-item.selected{justify-content:center;margin-bottom:9px;padding:13px 9px}.nav-item>span,.sidebar-bottom .nav-item>span,.sidebar-connection{display:none}.nav-item svg{width:25px}.app-shell>main{width:calc(100% - 70px);margin-left:70px}.dashboard-page{grid-template-columns:minmax(0,1fr) 265px}.control-summary{flex-wrap:wrap;gap:15px}.control-summary .danger-outline{margin-left:auto}.control-cards{gap:10px}.control-card{padding:13px}.control-card h3{font-size:16px}.control-illustration{height:170px}.control-card .source-options button{font-size:11px}.control-reading>strong{font-size:25px}.setting-line b{font-size:12px}.setting-line small{font-size:10px}.control-card .ev-level{font-size:12px}.control-card .ev-level strong{font-size:18px}.range-label{font-size:12px}.range-label strong{font-size:16px}.reserve-settings{flex-wrap:wrap}.reserve-settings .range-label{width:220px}.analytics-kpis{grid-template-columns:repeat(3,1fr)}.analytics-kpi:last-child{grid-column:auto;display:block}.analytics-kpi:last-child strong{text-align:left;margin:10px 0}.analytics-main{grid-template-columns:1.35fr 1fr}.analytics-secondary{grid-template-columns:1fr 1fr}.analytics-secondary .cumulative{grid-column:1/-1}.analytics-secondary .thermal-stat{grid-template-rows:35px 110px auto;grid-template-columns:45% 55%;min-height:250px}.thermal-stat>strong{font-size:29px}.donut-row{margin-top:20px}.scheduler-layout{grid-template-columns:1fr}.schedule-toolbar{flex-wrap:nowrap}.day-picker{order:initial;width:auto}.block-editor{grid-template-columns:1fr 1fr;gap:0 20px;display:grid}.block-editor>.panel-heading,.block-editor>.source-picker,.block-editor>.form-pair,.block-editor>.repeat-days,.block-editor>.repeat-shortcuts,.block-editor>p,.block-editor>label{grid-column:1/-1}.repeat-days{justify-content:start;gap:7px}.repeat-days button{width:40px;font-size:12px}.repeat-shortcuts{justify-content:start;gap:22px}.simulation-tools{flex-wrap:wrap}.simulation-tools .environment-controls{zoom:.85}.toast{left:calc(50% + 35px)}}@media (width<=760px){.dashboard-page{display:block}.dashboard-page>.page-header{flex-flow:wrap;gap:16px;min-height:0;margin-bottom:16px}.dashboard-page .environment-controls{gap:10px;margin-left:0}.dashboard-metrics{gap:9px}.dashboard-main{width:100%}.energy-scene{height:420px}.device-column{grid-template-columns:1fr 1fr;gap:10px;padding-top:15px;display:grid}.quick-device,.battery-widget,.export-widget,.auto-status{padding:15px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{font-size:16px}.device-detail{font-size:11px}.battery-widget{flex-direction:column;grid-area:1/2/span 2;justify-content:center;align-self:stretch;gap:12px;display:flex}.battery-widget .panel-heading{flex-wrap:wrap}.battery-auto,.battery-auto b{font-size:10px}.battery-data{grid-template-columns:1fr 1fr;gap:18px 12px}.battery-data>div+div{border:0;padding:0}.battery-data b{font-size:15px}.battery-data small{font-size:11px}.battery-level strong{font-size:31px}.device-column .auto-status{grid-column:1/-1}.auto-status>div:not(.panel-heading){font-size:13px}.auto-status b{font-size:14px}.auto-status>p{font-size:13px}.dashboard-charts{grid-template-columns:1fr}.today-panel{flex-direction:row;gap:16px;padding:18px;display:flex}.today-stat{font-size:12px}.today-stat>strong{font-size:18px}.dashboard-metrics .metric-card{height:77px}.dashboard-metrics .metric-caption{font-size:11px}.dashboard-metrics .metric-value{font-size:22px}.dashboard-metrics .metric-value>span{font-size:17px}.control-cards{grid-template-columns:1fr}.control-card{grid-template-columns:160px 1fr;gap:0 20px;padding:19px;display:grid}.control-card>.panel-heading{flex-wrap:nowrap;grid-column:1/-1}.control-card h3{font-size:20px}.control-card .device-status{font-size:12px}.control-illustration{grid-area:2/1/span 3;align-self:center;height:180px;margin:0}.control-reading,.control-card>.source-options,.control-card>.setting-line,.control-card>.range-label,.control-card>.device-mini-chart,.control-card>.ev-level,.control-card>.stop-charge,.control-card>.control-footnote,.control-schedule{grid-column:2}.control-reading{margin-top:12px}.control-card .source-options button{font-size:13px}.control-bottom{grid-template-columns:1fr}.control-summary>div>strong{font-size:15px}.control-summary>div{justify-content:start}.control-summary .danger-outline{font-size:12px}.control-summary>div:nth-child(2){padding-left:15px}.systems-online{display:none}.analytics-main{grid-template-columns:1fr}.donut-row{flex-wrap:nowrap;gap:35px}.donut{width:185px;height:185px;padding:36px}.donut-legend{gap:12px;width:auto;min-width:190px}.donut-legend>div{padding:10px 0;font-size:13px}.donut-legend b{font-size:18px}.analytics-kpi .metric-caption{font-size:12px}.analytics-kpi>strong{font-size:27px}.analytics-kpi>strong small{font-size:20px}.analytics-main .chart-legend{justify-content:end;margin-top:-32px;margin-bottom:12px;font-size:11px}.automation-cards{grid-template-columns:1fr}.simulation-tools .environment-controls{margin-left:auto}.lab-intro h2{font-size:24px}.scenario-grid,.form-grid,.input-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.sidebar{width:218px;box-shadow:none;padding:25px 12px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);box-shadow:30px 0 70px #0009}.sidebar .brand{width:auto;height:auto;margin:0 9px 25px;font-size:25px;display:block}.sidebar .brand:before{display:none}.sidebar .brand>span{display:inline!important}.sidebar .nav-item,.sidebar .nav-item.selected{justify-content:start;gap:16px;padding:13px 16px;font-size:15px}.sidebar .nav-item>span{display:inline}.sidebar .sidebar-connection{display:flex}.app-shell>main{width:100%;margin-left:0}.nav-scrim{z-index:29;background:#0008;display:block;position:fixed;inset:0}.page-content{padding:19px 12px}.mobile-menu{color:#c2d7e7;width:24px;height:30px;padding:0;display:inline-flex!important}.page-title>div{gap:9px}.page-title h1,.dashboard-page h1{letter-spacing:-.7px;font-size:25px}.page-title p{margin-top:8px;font-size:13px;line-height:1.5}.demo-badge,.dashboard-page .demo-badge{padding:5px 6px;font-size:8px}.page-header{margin-bottom:19px}.dashboard-page>.page-header{align-items:start;gap:15px}.dashboard-page .environment-controls{justify-content:space-between;gap:7px;width:100%}.dashboard-page .light-switch button{min-width:63px;padding:7px 8px;font-size:12px}.dashboard-page .light-switch button.active{padding:6px 7px}.dashboard-page .weather-trigger{min-width:112px;height:40px;font-size:14px}.dashboard-page .temperature-switch button{min-width:34px;font-size:12px}.dashboard-metrics{grid-template-columns:1fr 1fr;gap:10px}.dashboard-metrics .metric-card{gap:13px;height:80px;padding:14px}.dashboard-metrics .metric-icon{width:31px}.dashboard-metrics .metric-icon svg{width:30px}.dashboard-metrics .metric-caption{font-size:12px}.dashboard-metrics .metric-value{font-size:25px}.dashboard-metrics .metric-value>span{font-size:21px}.energy-scene{height:325px;margin-top:10px;margin-bottom:5px}.art-home{width:41%;height:46%;top:4%;left:-3%}.art-water{width:37%;height:39%;top:10%;left:31%}.art-ev{width:34%;height:25%;top:23%;left:67%}.art-battery{width:24%;height:29%;top:69%;left:33%}.rooftop-label{font-size:10px;top:9%;left:50%}.device-label{width:105px}.device-label>span{gap:4px;font-size:12px}.device-label>span>svg{width:17px;height:17px}.device-label strong{padding:2px 8px;font-size:18px}.device-label em{margin-top:5px;font-size:10px}.home-label{top:50%;left:19%}.water-label{top:50%;left:49%}.ev-label{top:50%;left:83%}.battery-label{width:137px;top:72%;left:57%}.battery-label>span{font-size:13px}.battery-label strong{margin:3px 0;padding:0;font-size:25px}.battery-label>b{font-size:13px}.battery-label em{margin-top:5px;font-size:11px}.scene-grid-meter{gap:2px;bottom:2%;right:0}.scene-grid-meter>svg{width:25px;height:36px}.scene-grid-meter span{font-size:10px}.scene-grid-meter b{margin-top:3px;font-size:12px}.energy-paths .wire{stroke-width:1.7px}.energy-paths .wire.active{stroke-width:2px!important}.power-panel{padding:16px 13px}.power-panel h3{font-size:17px}.power-panel .chart-legend{gap:16px;font-size:11px}.power-panel .line-chart{height:186px}.today-panel{gap:16px 9px;padding:17px 14px}.today-panel>h3{font-size:17px}.today-stat{flex-wrap:wrap;gap:7px;max-width:31%;font-size:10px;display:flex}.today-stat>span:first-child,.today-stat svg{width:23px}.today-stat>strong{width:100%;margin:0;padding-left:0;font-size:16px}.today-stat small{font-size:13px}.device-column{grid-template-columns:1fr;gap:10px}.quick-device,.battery-widget,.export-widget,.auto-status{padding:15px}.quick-device h3,.battery-widget h3,.export-widget h3,.auto-status h3{gap:12px;font-size:18px}.quick-device h3>svg,.battery-widget h3>svg{width:25px}.quick-device .source-options{flex-wrap:nowrap}.quick-device .source-options button{min-width:0;padding:12px 4px;font-size:13px}.device-detail{font-size:12px}.device-reading{font-size:14px}.device-reading strong{font-size:21px}.ev-level,.ev-status{font-size:14px}.battery-widget{grid-area:auto;gap:0;display:block}.battery-widget .panel-heading{flex-wrap:nowrap}.battery-data{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.battery-data>div+div{border-left:1px solid #1c3644;padding-left:8px}.battery-data b{font-size:14px}.battery-data small{font-size:11px}.battery-auto{gap:8px;font-size:11px}.battery-auto b{font-size:10px}.battery-level strong{font-size:35px}.battery-level .progress-track{height:22px}.export-widget{flex-wrap:nowrap;min-height:93px;display:flex}.export-widget p,.export-widget small{font-size:13px}.auto-status>div:not(.panel-heading){padding:4px 0;font-size:13px}.auto-status b{font-size:14px}.auto-status>p{font-size:13px}.page-footer{gap:10px;font-size:9px}.simulation-tools{gap:15px;margin-top:20px;padding-top:15px}.simulation-clock{flex-direction:column;align-items:start;gap:14px;width:100%;font-size:11px}.simulation-clock>div{justify-content:start;gap:7px;width:100%}.simulation-clock button{font-size:11px}.simulation-tools .environment-controls{zoom:1;justify-content:space-between;gap:6px;width:100%}.simulation-tools .light-switch button{gap:6px;min-width:60px;padding:7px;font-size:11px}.simulation-tools .light-switch button.active{padding:6px}.simulation-tools .weather-trigger{min-width:103px;height:38px;font-size:12px}.simulation-tools .temperature-switch button{min-width:34px;padding:7px;font-size:12px}.simulation-tools .temperature-switch button.active{padding:6px}.control-summary{gap:14px;padding:15px}.control-summary>div{flex:auto;gap:12px}.control-summary>div:nth-child(2){border:0;padding:0}.control-summary span{font-size:12px}.control-summary span strong{font-size:24px}.control-summary .danger-outline{width:100%;font-size:14px}.control-card{gap:0;padding:18px;display:flex}.control-card>.panel-heading{flex-wrap:nowrap}.control-card h3{font-size:20px}.device-status{font-size:11px!important}.control-illustration{width:100%;height:235px}.control-card:nth-child(2) .control-illustration .device-art{width:76%}.control-reading{margin:0 0 14px}.control-reading>small{font-size:14px}.control-reading>strong{font-size:32px}.control-card .source-options button{min-height:45px;font-size:14px}.setting-line b{font-size:14px}.setting-line small{font-size:12px}.range-label{font-size:14px}.range-label strong{font-size:19px}.control-card .ev-level{font-size:14px}.control-card .ev-level strong{font-size:21px}.device-mini-chart .line-chart{height:160px}.control-footnote{font-size:12px}.control-summary .primary{font-size:14px}.control-bottom>.panel{padding:18px}.grid-export-body{flex-wrap:wrap;gap:15px}.grid-export-body>div:last-child{border:0;align-items:center;gap:15px;padding:0;display:flex}.grid-export-body strong{margin:0;font-size:27px}.export-setting{gap:16px;font-size:14px}.activity-list b{font-size:12px}.activity-list small{font-size:10px}.reserve-settings{gap:15px;padding:18px}.reserve-settings .range-label{width:100%;font-size:13px}.reserve-settings>span{font-size:12px}.scheduler-page .page-toolbar{flex-direction:row;align-items:center;gap:10px;margin:0 0 15px}.scheduler-page .page-toolbar .pill{padding:6px;font-size:9px}.scheduler-page .page-toolbar .primary{padding:11px 13px;font-size:12px}.schedule-toolbar{flex-wrap:wrap;gap:15px}.schedule-toolbar .segmented{padding:2px}.schedule-toolbar .segmented button{min-width:66px;padding:8px 17px;font-size:13px}.schedule-toolbar .segmented button.active{padding:7px 16px}.day-picker{order:3;gap:0;width:100%}.day-picker button{padding:10px 8px;font-size:12px}.timeline-panel{padding:16px 11px}.timeline-row,.timeline-axis{grid-template-columns:88px 1fr;gap:10px;min-width:670px}.timeline-label .device-art{width:83px;height:70px}.timeline-track{height:72px}.timeline-label b{font-size:12px}.timeline-footer{gap:12px}.timeline-footer .chart-legend{gap:15px;font-size:10px}.timeline-footer>small{font-size:9px}.inline-note{font-size:11px}.block-editor{padding:20px}.block-editor h3{font-size:23px}.block-editor>.primary,.block-editor>.danger-text{grid-column:1/-1}.repeat-days{justify-content:space-between;gap:5px}.repeat-days button{width:36px;font-size:11px}.block-editor label,.field-label,.block-editor select{font-size:14px}.block-editor>.tiny{font-size:11px}.schedule-summary{padding:18px}.schedule-summary h3{font-size:19px}.schedule-summary .pill{font-size:9px}.automation-cards>div{padding:15px}.automation-cards b{font-size:14px}.automation-cards small{font-size:12px}.analytics-page>.page-toolbar{flex-direction:row;min-height:0;margin:0 0 17px}.analytics-page .page-toolbar .button-row{gap:10px;width:100%}.analytics-page .compact-select{flex:1;padding:11px;font-size:13px}.analytics-page .secondary{padding:11px 15px;font-size:13px}.analytics-kpis{grid-template-columns:1fr 1fr;gap:10px}.analytics-kpi{min-height:152px;padding:15px}.analytics-kpi .metric-caption{min-height:30px;padding-left:34px;font-size:12px}.analytics-kpi .metric-caption>span{top:17px;left:15px}.analytics-kpi .metric-caption svg{width:25px;height:25px}.analytics-kpi>strong{margin:8px 0;padding:0;font-size:27px}.analytics-kpi>strong small{font-size:18px}.analytics-kpi:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;gap:0 15px;min-height:120px;display:grid}.analytics-kpi:last-child .metric-caption{min-height:0;padding-left:35px}.analytics-kpi:last-child>strong{text-align:right;margin:0}.analytics-kpi:last-child .kpi-spark{grid-column:1/-1;height:32px;margin-top:6px}.analytics-kpi:last-child>.tiny{grid-column:1/-1;margin-top:3px}.analytics-main>.panel,.analytics-secondary>.panel,.analytics-secondary+.panel{padding:18px 15px}.analytics-main h3{font-size:20px}.analytics-main .chart-legend{justify-content:start;margin:0 0 9px;font-size:11px}.analytics-main .panel-heading{margin-bottom:12px}.bar-chart{gap:12px;height:240px;padding-left:25px}.bar-total{font-size:10px}.bar-day{font-size:11px}.donut-row{flex-wrap:nowrap;gap:20px}.donut{width:155px;height:155px;padding:30px}.donut strong{font-size:29px}.donut span{font-size:12px}.donut-legend{gap:8px;min-width:130px}.donut-legend>div{gap:8px;font-size:11px}.donut-legend b{font-size:14px}.donut-legend svg{width:22px;height:22px}.donut-legend small{font-size:11px}.analytics-secondary{grid-template-columns:1fr;gap:12px}.analytics-secondary .cumulative{grid-column:auto}.analytics-secondary h3{font-size:20px}.analytics-secondary .thermal-stat{grid-template-rows:35px 110px auto;grid-template-columns:45% 55%;min-height:250px}.thermal-art{object-fit:contain;width:175%;max-height:185px}.thermal-stat>strong{font-size:36px}.thermal-stat>strong small{font-size:22px}.thermal-stat>p{font-size:14px}.thermal-stat>p .thermal-temp{margin-top:12px;font-size:30px}.export-stat{min-height:245px}.export-stat .panel-heading{flex-wrap:nowrap}.export-stat>strong{font-size:35px}.export-stat>p,.export-stat>small{font-size:13px}.storage-totals{gap:13px;font-size:11px}.export-history{padding:18px 15px}.export-history table{font-size:12px}.export-history td,.export-history th{padding:12px 5px;font-size:11px}.empty-history{gap:10px;font-size:13px}.empty-history>span>small{font-size:11px}.lab-intro{gap:14px;margin:20px 0}.lab-intro h2{font-size:22px}.lab-intro p{font-size:13px}.lab-symbol{width:44px;height:44px}.lab-intro .eyebrow{font-size:9px}.scenario-grid{gap:11px}.scenario-grid>button{padding:17px}.scenario-grid b{font-size:14px}.scenario-grid span{font-size:12px}.lab-form{padding:20px 16px}.lab-form h3{font-size:20px}.lab-form .tiny{font-size:11px}.input-grid{gap:20px 12px}.input-grid>label{font-size:12px}.unit-input input{font-size:14px}.unit-input>span{font-size:10px}.lab-form .setting-line{margin:25px 0}.simulation-steps{grid-template-columns:1fr}.lab-bottom>.panel{padding:20px}.toast{white-space:normal;min-width:220px;max-width:90%;padding:13px 16px;font-size:12px;left:50%}.modal{max-width:calc(100% - 30px);padding:24px}.modal .primary,.modal .secondary{padding:11px 13px;font-size:12px}.modal p{font-size:13px}}@media (prefers-reduced-motion:reduce){.energy-paths .wire{animation:none!important}}.energy-scene.flow-paused .energy-paths .wire.active{animation-play-state:paused}.ev-reset{color:#8dd9f3;background:#0c202c;border:1px solid #275365;border-radius:6px;justify-content:center;align-items:center;gap:7px;margin-top:12px;padding:8px 11px;font-size:12px;display:inline-flex}.ev-reset:hover:not(:disabled){background:#123344;border-color:#54bddc}.quick-device .ev-reset{width:100%;margin-top:10px;padding:6px 9px;font-size:11px}.control-card>.ev-reset{grid-column:2}.ev-test-reset{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:22px;display:flex}.ev-test-reset p{margin-top:8px;line-height:1.5}.ev-test-reset .ev-reset{flex-shrink:0;margin:0}@media (width<=560px){.ev-test-reset{flex-direction:column;align-items:start;gap:12px}}