*,:before,:after{box-sizing:border-box}button:disabled{cursor:not-allowed}:root{--bg:#f5f6f1;--ink:#213c36;--muted:#77827b;--line:#e5e9df;--green:#214d40;--sage:#d7e7bc;--white:#fff;--amber:#8c6a2d;--sidebar:#133c35;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--ink);background:var(--bg);font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.43}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #83aa55}h1,h2,h3,p{margin:0}button{background:0 0;border:0}svg{flex-shrink:0}button,dialog{color:inherit}.skip-link{z-index:1000;background:#fff;padding:14px;position:fixed;top:-100px;left:250px}.skip-link:focus{top:12px}.app-shell{min-height:100vh}.sidebar{background:var(--sidebar);color:#e8eee3;z-index:20;flex-direction:column;width:228px;padding:32px 18px 21px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.6px;align-items:center;gap:11px;padding:4px 11px 42px;font-size:22px;font-weight:650;display:flex}.brand small{letter-spacing:3px;color:#a9c7b6;margin-top:6px;font-size:9px;font-weight:500;display:block}.brand-mark{color:#d4e7b6;border:1px solid #47665a;border-radius:13px;place-items:center;width:42px;height:43px;display:grid;position:relative}.brand-mark i{background:#eccb78;border-radius:50%;width:7px;height:7px;position:absolute;top:7px;right:6px}.sidebar-label{letter-spacing:1.8px;color:#89a99a;margin-bottom:15px;padding:0 16px;font-size:9px}.sidebar nav{gap:6px;display:grid}.sidebar nav button{color:#b8ccbf;text-align:left;border-radius:10px;align-items:center;gap:13px;width:100%;height:47px;padding:0 16px;font-size:13px;display:flex}.sidebar nav button.active{color:#163b32;background:#d8e7c0;font-weight:650}.sidebar nav button:hover:not(.active){color:#fff;background:#234d42}.nav-dot{background:#dfbd76;border-radius:50%;width:6px;height:6px;margin-left:auto}.sidebar-bottom{margin-top:auto;padding:25px 12px 0}.home-address{border-top:1px solid #36584a;align-items:center;gap:11px;margin-bottom:26px;padding-top:23px;font-size:12px;display:flex}.home-address small{color:#91af9d;margin-top:6px;font-size:10px;display:block}.mini-leaf{color:#c2d1a4;background:#284f40;border-radius:10px;place-items:center;width:33px;height:33px;display:grid}.sidebar-bottom>button{color:#b4c8b8;align-items:center;gap:10px;margin-bottom:24px;font-size:11px;display:flex}.private-label{color:#8ba898;align-items:center;gap:7px;font-size:10px;display:flex}.workspace{min-width:0;margin-left:228px}.topbar{border-bottom:1px solid var(--line);background:#ffffff9e;justify-content:space-between;align-items:center;height:78px;padding:0 43px;display:flex}.breadcrumb{color:#8a948b;align-items:center;gap:14px;font-size:11px;display:flex}.breadcrumb b{color:#45574c;font-weight:500}.topbar-right{align-items:center;gap:25px;display:flex}.search{color:#8c968b;align-items:center;gap:9px;font-size:11px;display:flex}.search input{outline-offset:4px;width:150px;color:var(--ink);background:0 0;border:0;padding:9px 0}.profile{align-items:center;gap:10px;font-size:11px;display:flex}.profile>span{background:#e7ebde;border:1px solid #d9dfce;border-radius:50%;place-items:center;width:33px;height:33px;font-size:10px;font-weight:600;display:grid}.profile b{font-weight:550}main{max-width:1570px;margin:auto;padding:38px 43px 0}.eyebrow{letter-spacing:1.7px;color:#7f8c79;font-size:9px;font-weight:650}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.page-heading h1{letter-spacing:-1.3px;margin:10px 0 8px;font-size:35px;font-weight:550;line-height:1.3}.subtitle{color:var(--muted);font-size:12px;line-height:1.7}.button{color:#fff;white-space:nowrap;background:#234c3d;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:40px;padding:12px 17px;font-size:11px;font-weight:550;display:inline-flex}.button:hover{background:#133e30}.button.secondary{color:#405747;background:#fff;border:1px solid #dce2d7}.icon-button{border-radius:8px;place-items:center;padding:7px;display:grid}.icon-button:hover{background:#eef1e8}.text-button{color:#406745;align-items:center;gap:8px;font-size:11px;font-weight:600;line-height:1.6;display:inline-flex}.text-button:hover{text-decoration:underline}.text-button.muted{color:#85867a;font-weight:400}.badge{color:#7b8278;white-space:nowrap;background:#eff1ec;border-radius:5px;align-items:center;gap:5px;padding:5px 7px;font-size:9px;font-weight:500;line-height:1;display:inline-flex}.badge i{background:currentColor;border-radius:50%;width:4px;height:4px}.badge.green{color:#507039;background:#eaf2df}.badge.amber{color:#8e703c;background:#f8f1e2}.badge.blue{color:#557390;background:#eaf0f7}.status-banner{background:#ebefdf;border:1px solid #e0e6d3;border-radius:11px;align-items:center;gap:15px;margin-bottom:22px;padding:16px 19px;display:flex}.status-symbol{color:#67804b;background:#dee8cb;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.status-banner strong{font-size:12px;font-weight:600}.status-banner p{color:#7d876f;margin-top:3px;font-size:10px;line-height:1.7}.status-count{color:#6b795e;white-space:nowrap;margin-left:auto;font-size:10px}.status-banner>button{white-space:nowrap;align-items:center;gap:8px;margin-left:14px;font-size:11px;font-weight:600;display:flex}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;display:grid}.summary-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px 21px 0}.summary-card>div{align-items:center;gap:10px;display:flex}.summary-card>div .badge{margin-left:auto}.system-icon{color:#688052;background:#eef2e8;border-radius:11px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.system-icon.solar{color:#b48b32;background:#f9f2de}.system-icon.battery{color:#71904c;background:#ecf2e3}.system-icon.climate{color:#699481;background:#eaf1ed}.system-icon.water,.system-icon.network{color:#6a8da4;background:#edf2f7}.metric-label{letter-spacing:1.2px;color:#83907c;font-size:8px;font-weight:650}.summary-card h2{letter-spacing:-1px;margin:18px 0 6px;font-size:32px;font-weight:550;line-height:1.3}.summary-card h2 span{letter-spacing:0;color:#899182;font-size:12px;font-weight:400}.summary-card>p{color:#84907d;margin-bottom:18px;font-size:10px;line-height:1.5}.summary-card footer{color:#819077;border-top:1px solid #edf0e6;justify-content:space-between;align-items:center;gap:5px;min-height:36px;font-size:9px;display:flex}.summary-card footer button{color:#527a51;padding:7px;display:flex}.summary-card footer span:last-child{font-size:8px}.card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:23px}.overview-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,1fr);gap:20px;margin-top:22px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.section-heading h2{letter-spacing:-.45px;font-size:17px;font-weight:550;line-height:1.45}.section-heading .eyebrow{margin-bottom:7px;font-size:8px}.section-heading h3{font-size:13px;font-weight:600}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:5px;font-size:10px}.energy-card{padding-bottom:0;overflow:hidden}.energy-card .section-heading .badge{font-size:8px}.energy-map{height:268px;margin:0 -5px;position:relative}.energy-map>svg{fill:none;stroke:#e2e7d9;stroke-width:1.5px;stroke-dasharray:4 5;width:100%;height:100%;position:absolute;inset:0}.energy-node{text-align:center;color:#8ca084;flex-direction:column;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute}.energy-node b{color:#5d7257;font-size:10px;font-weight:550}.energy-node small{color:#a0a897;font-size:8px}.node-solar{top:12px;left:6%}.node-grid{top:12px;right:2%}.node-home{color:#759164;background:#f1f5e9;border:1px solid #e3e9da;border-radius:23px;gap:8px;min-width:147px;padding:17px 20px;top:89px;left:50%;transform:translate(-50%);box-shadow:0 0 0 8px #fafbf7}.node-home b{font-size:13px}.node-home small{font-size:8px}.node-battery{background:#fff;gap:5px;bottom:7px;left:50%;transform:translate(-50%)}.card-footnote{color:#8d9684;border-top:1px solid #edf0e5;align-items:center;gap:7px;padding:14px 0;font-size:8px;line-height:1.6;display:flex}.step-count{color:#839174;border:1px solid #e5e9dc;border-radius:7px;padding:7px 8px;font-size:9px}.setup-step{text-align:left;border-bottom:1px solid #edf0e6;align-items:center;gap:12px;width:100%;padding:16px 0;display:flex}.setup-step>span{color:#97a28c;border:1px solid #e0e5d8;border-radius:50%;flex-shrink:0;place-items:center;width:25px;height:25px;font-size:10px;display:grid}.setup-step.done>span{color:#6f8d48;background:#e6f0d9;border-color:#e6f0d9}.setup-step>div{flex:1}.setup-step h3{font-size:11px;font-weight:550}.setup-step p{color:#929b86;margin-top:5px;font-size:9px;line-height:1.5}.setup-step>svg{color:#96a28b}.quick-connections .section-heading{margin-bottom:2px}.quick-connections .text-button{margin-top:14px}.setup-note{color:#8b9a79;background:#f7f8f1;border-radius:7px;align-items:center;gap:10px;margin-top:16px;padding:12px;display:flex}.setup-note p{color:#7e8b72;font-size:9px;line-height:1.7}.section-space{margin-top:28px}.device-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.device-grid.full{grid-template-columns:repeat(3,minmax(0,1fr))}.device-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;flex-direction:column;min-height:208px;padding:19px;transition:box-shadow .15s,transform .15s;display:flex}.device-card:hover{border-color:#c7d5bc;transform:translateY(-2px);box-shadow:0 7px 20px #253e3010}.device-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.device-card-top>svg{color:#b3bcaa}.device-category{color:#8c997f;letter-spacing:1px;text-transform:uppercase;margin-bottom:7px;font-size:8px}.device-card h3{letter-spacing:-.2px;font-size:14px;font-weight:550}.device-card p{color:#98a08e;margin-top:6px;font-size:10px;line-height:1.6}.device-card-bottom{color:#87957b;border-top:1px solid #edf0e5;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:14px;font-size:9px;display:flex}.add-card{text-align:center;color:#92a07e;background:#f2f4eb;border:1px dashed #ccd6bf;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:208px;padding:22px;display:flex}.add-card:hover{background:#edf2e2;border-color:#8ea575}.add-card>span{background:#e7edde;border-radius:50%;place-items:center;width:43px;height:43px;margin-bottom:13px;display:grid}.add-card h3{color:#6d8258;font-size:12px;font-weight:500}.add-card p{color:#9aa38c;margin-top:9px;font-size:9px;line-height:1.6}.timeline-item{gap:14px;padding:14px 0;display:flex;position:relative}.timeline-item:not(:last-child):before{content:"";background:#e8ece1;width:1px;position:absolute;top:47px;bottom:-8px;left:15px}.event-dot{color:#8a9c71;background:#f0f3e9;border:1px solid #e3e9d8;border-radius:50%;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.event-dot.test{color:#6c8aa4;background:#edf2f6;border-color:#e1e8ed}.event-dot.notice{color:#a68a4f;background:#f9f4e7;border-color:#efe5cf}.event-title{align-items:center;gap:8px;font-size:11px;font-weight:550;line-height:1.5;display:flex}.tiny-tag{letter-spacing:.7px;color:#8095a8;background:#edf1f5;border-radius:3px;padding:3px 4px;font-size:6px}.timeline-item p{color:#8c9781;margin:4px 0;font-size:10px;line-height:1.8}.timeline-item time{color:#a7ae9d;font-size:8px}.timezone-note{color:#9ca48f;border-top:1px solid #edf0e5;margin-top:13px;padding-top:15px;font-size:8px}.page-footer{color:#9aa58c;justify-content:space-between;gap:20px;padding:29px 0 24px;font-size:8px;display:flex}.page-footer span{align-items:center;gap:6px;display:flex}.filter-bar{color:#8b967f;justify-content:space-between;align-items:center;gap:12px;margin:0 0 23px;font-size:10px;display:flex}.filter-bar>label{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:8px;padding:4px 10px;display:flex}.filter-bar select{color:#617254;background:0 0;border:0;padding:8px;font-size:10px}.empty{text-align:center;color:#9aaa87;padding:65px 20px}.empty>svg{width:35px;height:35px;margin:0 auto 18px}.empty h3{color:#5e7652;font-size:17px;font-weight:500}.empty p{margin:12px auto 20px;font-size:11px;line-height:1.8}.empty.small{padding:35px 15px}.activity-filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:9px;padding-bottom:20px;display:flex}.activity-filters button{color:#8a957d;border-radius:6px;padding:9px 13px;font-size:10px}.activity-filters .selected{color:#49633a;background:#e9efdf}.unit-toggle{background:#fff;border:1px solid #e0e6d5;border-radius:7px;gap:3px;padding:3px;display:flex}.unit-toggle button{color:#93a083;border-radius:4px;padding:7px 9px;font-size:10px}.unit-toggle button.selected{color:#526c3b;background:#e6eddc}.climate-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.icon-title{align-items:center;gap:12px;display:flex}.thermostat{text-align:center;padding:29px 0 25px}.thermostat>span{color:#91a083;font-size:10px}.thermostat strong{letter-spacing:-4px;color:#789463;margin:5px 0;font-size:69px;font-weight:450;display:block}.thermostat strong small{letter-spacing:0;color:#9aab87;font-size:20px}.thermostat p{color:#9eaa91;font-size:10px}.thermostat-controls{border-top:1px solid #edf0e5;justify-content:center;align-items:center;gap:23px;padding:21px 0;display:flex}.thermostat-controls button{color:#87a26e;border:1px solid #dce4d0;border-radius:50%;place-items:center;width:33px;height:33px;display:grid}.thermostat-controls span{color:#879975;text-align:center;font-size:10px}.thermostat-controls b{color:#779461;margin-top:7px;font-size:18px;font-weight:500;display:block}.climate-modes{justify-content:center;gap:8px;padding-bottom:20px;display:flex}.climate-modes button{color:#779464;background:#eff3e9;border-radius:7px;justify-content:center;align-items:center;gap:6px;padding:10px 17px;font-size:10px;display:flex}.climate-card>.text-button{border-top:1px solid #edf0e5;justify-content:space-between;width:100%;padding-top:15px}.climate-empty{text-align:center;padding:47px 25px 50px}.climate-art{color:#96b18b;justify-content:center;align-items:center;height:115px;margin:0 auto 16px;display:flex}.climate-art>svg{background:#e9f0df;border-radius:27px;width:93px;height:93px;padding:23px}.climate-empty h2{letter-spacing:-.6px;margin:14px 0;font-size:26px;font-weight:450}.climate-empty>p:not(.eyebrow){color:#8c9b7d;margin-bottom:24px;font-size:12px;line-height:1.9}.info-note{color:#89a071;background:#eff3e8;border:1px solid #e1e9d6;border-radius:9px;align-items:flex-start;gap:12px;margin-top:22px;padding:15px 17px;display:flex}.info-note p{color:#7d8f68;font-size:10px;line-height:1.8}.connection-intro{color:#8aa373;background:#eaf0df;border:1px solid #dce6cf;border-radius:10px;align-items:center;gap:15px;margin-bottom:24px;padding:24px;display:flex}.connection-intro h2{color:#586f43;font-size:16px;font-weight:500}.connection-intro p{color:#8c9b7c;margin-top:7px;font-size:11px;line-height:1.7}.connection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.connection-card{flex-direction:column;display:flex}.connection-card h2{margin-bottom:12px;font-size:17px;font-weight:500}.connection-card>p{color:#8c9b7b;margin-bottom:23px;font-size:11px;line-height:1.85}.connection-card .text-button{margin-top:auto}.modal{background:#fff;border:1px solid #e3e8dc;border-radius:17px;width:min(590px,100vw - 30px);max-height:calc(100dvh - 40px);margin:auto;padding:0;overflow:auto;box-shadow:0 25px 100px #0e281c55}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0d261d75}.modal-inner{padding:27px}.modal header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.modal header h2{letter-spacing:-.65px;margin-top:8px;font-size:25px;font-weight:500}.modal label{color:#657859;flex-direction:column;gap:8px;margin-bottom:17px;font-size:11px;display:flex}.modal input,.modal select,.modal textarea{color:#4f6744;resize:vertical;background:#fbfcf8;border:1px solid #dbe3d1;border-radius:7px;width:100%;padding:11px 12px;font-size:12px}.modal input::placeholder,.modal textarea::placeholder{color:#a6b19a}.form-intro{color:#93a184;margin-bottom:22px;font-size:11px;line-height:1.8}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.modal-actions{border-top:1px solid #e9ede2;justify-content:flex-end;gap:10px;margin-top:21px;padding-top:19px;display:flex}.modal-actions.split{justify-content:space-between;align-items:center}.details{margin:22px 0}.details>div{border-bottom:1px solid #edf0e7;justify-content:space-between;gap:20px;padding:14px 0;font-size:11px;display:flex}.details dt{color:#98a38c}.details dd{text-align:right;overflow-wrap:anywhere;color:#688057;max-width:65%;margin:0}.saved-sample{background:#f4f7ee;border:1px solid #e0e7d4;border-radius:10px;margin-bottom:20px;padding:19px}.saved-sample>strong{color:#809669;margin:13px 0;font-size:27px;font-weight:500;display:block}.saved-sample>strong span{font-size:15px}.saved-sample p:not(.eyebrow){color:#93a17f;font-size:10px;line-height:1.8}.saved-sample small{color:#96a186;margin:9px 0;font-size:8px;display:block}.device-notes{color:#8b997d;white-space:pre-wrap;font-size:11px;line-height:1.8}.modal-copy{color:#869779;margin:19px 0;font-size:12px;line-height:1.9}.code-note{color:#8c9e78;overflow-wrap:anywhere;background:#f2f5ec;border-radius:7px;padding:15px;font-size:10px}.about-mark{color:#88a36e;background:#e8f0dc;border-radius:22px;place-items:center;width:80px;height:80px;display:grid}.toast{color:#fff;z-index:100;background:#214b3c;border-radius:10px;align-items:center;gap:12px;max-width:min(530px,100vw - 30px);padding:15px 18px;font-size:11px;line-height:1.5;display:flex;position:fixed;bottom:23px;left:auto;right:25px;box-shadow:0 12px 40px #17352c30}.toast.error{background:#855743}.toast button{color:#deebd2;align-items:center;padding:5px;font-size:11px;display:flex}.toast>span{flex:1}@media (width>=1550px){main{padding:44px 52px 0}.topbar{padding:0 52px}.page-heading h1{font-size:39px}.summary-card{padding:23px 25px 0}.card{padding:27px}.energy-card{padding-bottom:0}.energy-map{height:285px}.node-home{top:96px}.device-card{min-height:220px}}@media (width<=1200px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.brand{gap:8px;font-size:20px}.workspace{margin-left:200px}main{padding:30px 28px 0}.topbar{padding:0 28px}.page-heading h1{font-size:30px}.overview-grid{grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}.summary-card{padding:17px 16px 0}.metric-label{letter-spacing:.8px;font-size:7px}.system-icon{width:34px;height:34px}.summary-card>div{gap:7px}.summary-card .badge{font-size:7px}.section-heading h2{font-size:15px}.card{padding:20px}.energy-card{padding-bottom:0}.energy-map{height:270px}.node-solar{left:0}.node-grid{right:0}.energy-node small{font-size:7px}.node-home{min-width:130px;padding:17px 9px}.device-card{padding:17px}.device-card-bottom{flex-wrap:wrap}.page-heading .subtitle{max-width:480px}}@media (width<=980px){.overview-grid{grid-template-columns:1fr}.energy-map{max-width:650px;height:270px;margin:0 auto}.node-solar{left:10%}.node-grid{right:8%}.node-home{top:85px}.quick-connections .setup-step{padding:14px 0}.quick-connections .setup-note{margin-top:17px}.device-grid,.device-grid.full{grid-template-columns:repeat(2,minmax(0,1fr))}.device-grid .add-card{min-height:205px}.summary-card h2{font-size:27px}.status-count{display:none}.summary-card .metric-label{line-height:1.5}.summary-card>div .badge{display:none}.summary-card footer{align-items:flex-start;min-height:42px;padding-top:9px}.summary-card footer span:last-child{text-align:right;max-width:80px}.climate-grid{grid-template-columns:1fr}.topbar-right{gap:17px}.profile b{display:none}.search input{width:125px}}@media (width<=700px){.sidebar{background:#133c35;width:100%;height:67px;padding:0 8px;top:auto;bottom:0}.sidebar .brand,.sidebar-label,.sidebar-bottom{display:none}.sidebar nav{justify-content:space-around;gap:0;height:100%;display:flex}.sidebar nav button{color:#9fbcaa;border-radius:0;flex-direction:column;flex:1;justify-content:center;gap:5px;width:auto;height:auto;padding:0 3px;font-size:8px;display:flex;position:relative}.sidebar nav button.active{color:#e0efc3;background:0 0}.sidebar nav button.active:before{content:"";background:#d2e7b3;border-radius:0 0 3px 3px;height:3px;position:absolute;top:0;left:32%;right:32%}.nav-dot{display:none}.workspace{margin-left:0;padding-bottom:67px}.topbar{background:#fff;height:63px;padding:0 20px}.breadcrumb{gap:10px;font-size:10px}.search input{width:110px;font-size:10px}.topbar-right{gap:13px}.profile>span{width:29px;height:29px;font-size:9px}main{padding:27px 20px 0}.page-heading{align-items:flex-start;gap:10px}.page-heading .eyebrow{letter-spacing:1.3px;font-size:7px}.page-heading h1{letter-spacing:-1px;max-width:270px;margin-top:10px;font-size:28px}.page-heading .subtitle{max-width:270px;font-size:10px;line-height:1.7}.page-heading>.button{min-width:38px;margin-top:25px;padding:10px;font-size:0}.page-heading>.button svg{width:18px;height:18px}.status-banner{align-items:flex-start;gap:10px;margin-bottom:17px;padding:13px 12px}.status-symbol{flex-shrink:0;width:29px;height:29px}.status-symbol svg{width:17px;height:17px}.status-banner strong{font-size:10px}.status-banner p{max-width:220px;font-size:9px}.status-banner>button{gap:5px;margin-top:5px;margin-left:auto;font-size:9px}.status-banner>button svg{width:13px}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.summary-card{padding:15px 15px 0}.summary-card:last-child{grid-column:1/-1;grid-template-columns:1fr 1fr;align-items:center;column-gap:14px;display:grid}.summary-card:last-child>div{grid-area:1/1/2/2}.summary-card:last-child>h2{text-align:right;grid-area:1/2/3/3;margin:7px 0 14px}.summary-card:last-child>p{grid-area:2/1/3/2;margin-top:10px;font-size:9px}.summary-card:last-child footer{grid-column:1/-1;align-items:center;min-height:37px;padding-top:0}.summary-card h2{margin-top:16px;font-size:30px}.summary-card>p{min-height:30px;margin-bottom:13px;font-size:9px;line-height:1.7}.summary-card footer{min-height:42px;font-size:8px}.system-icon{border-radius:8px;width:30px;height:30px}.metric-label{font-size:7px}.overview-grid{gap:18px;margin-top:18px}.card{padding:19px}.energy-card{padding-bottom:0}.section-heading{gap:10px;margin-bottom:16px}.section-heading h2{font-size:16px}.section-heading .badge{padding:5px;font-size:7px}.energy-map{height:263px}.node-solar{left:2%}.node-grid{right:0}.node-home{min-width:130px;top:87px}.node-home small{font-size:7px}.node-battery{bottom:6px}.card-footnote{font-size:8px}.device-grid,.device-grid.full{gap:12px}.device-card{min-height:210px;padding:15px}.device-card h3{font-size:12px}.device-category{font-size:7px}.device-card p{font-size:9px}.device-card-bottom{gap:8px;font-size:8px}.device-card-bottom .badge{font-size:7px}.add-card{padding:14px}.add-card h3{font-size:11px;line-height:1.6}.add-card p{font-size:8px}.add-card>span{width:35px;height:35px}.section-space{margin-top:24px}.event-title{font-size:11px}.timeline-item p{font-size:10px;line-height:1.85}.timeline-item{gap:11px;padding:12px 0}.page-footer{gap:10px;padding:26px 0 20px;font-size:7px}.connection-grid{grid-template-columns:1fr;gap:15px}.connection-intro{align-items:flex-start;gap:12px;padding:19px}.connection-intro h2{font-size:15px;line-height:1.6}.connection-intro p{font-size:10px}.connection-card h2{font-size:18px}.connection-card>p,.connection-card .text-button{font-size:12px}.filter-bar{gap:10px;font-size:9px}.filter-bar select{max-width:150px;font-size:10px}.filter-bar>span{text-align:right;font-size:8px}.climate-empty{padding:32px 16px}.climate-empty h2{font-size:24px}.climate-empty>p:not(.eyebrow){font-size:11px}.modal{max-height:calc(100dvh - 30px)}.modal-inner{padding:23px}.modal header h2{font-size:23px}.form-grid{gap:12px}.modal-actions.split{flex-wrap:wrap;gap:18px}.modal-actions.split .button{margin-left:auto}.modal .info-note{padding:13px}.toast{max-width:none;font-size:10px;bottom:82px;left:15px;right:15px}.skip-link{left:20px}.activity-filters{gap:6px}.activity-filters button{padding:8px;font-size:9px}}.signin-screen{background:#f0f3e8;place-items:center;max-width:none;min-height:100dvh;padding:30px;display:grid}.signin-screen section{background:#fff;border:1px solid #dde5d3;border-radius:20px;width:100%;max-width:420px;padding:44px}.signin-screen .eyebrow{margin:28px 0 16px}.signin-screen h1{letter-spacing:-2px;font-size:45px;font-weight:500;line-height:1.13}.signin-screen p:not(.eyebrow){color:#72866a;margin:23px 0;font-size:13px;line-height:1.8}.signin-screen .button{width:100%;font-size:12px}.signin-screen small{text-align:center;color:#7a8e71;margin-top:22px;font-size:9px;display:block}.eyebrow{color:#65745f;font-size:10px}.subtitle{color:#65745f;font-size:14px}.button,.sidebar nav button{font-size:13px}.text-button{font-size:12px}.badge{font-size:10px}.breadcrumb,.profile,.search input{font-size:12px}.status-banner strong{font-size:14px}.status-banner p{color:#65745f;font-size:12px}.status-count,.status-banner>button{font-size:11px}.metric-label{color:#65745f;font-size:9px}.summary-card>p{color:#65745f;font-size:12px}.summary-card footer,.summary-card footer span:last-child{color:#65745f;font-size:10px}.summary-card h2 span{color:#65745f;font-size:13px}.section-heading h2{font-size:18px}.section-heading .eyebrow,.section-heading .badge,.energy-card .section-heading .badge{font-size:9px}.setup-step h3{font-size:13px}.setup-step p,.setup-note p{color:#65745f;font-size:11px}.energy-node b{font-size:12px}.energy-node small,.node-home small{color:#65745f;font-size:10px}.energy-map{height:300px}.node-home{gap:6px;padding:14px 17px;top:88px}.node-home>svg{width:30px;height:30px}.node-battery{bottom:8px}.card-footnote{color:#65745f;font-size:10px}.device-category{color:#65745f;font-size:9px}.device-card h3{font-size:15px}.device-card p{color:#65745f;font-size:12px}.device-card-bottom{color:#65745f;font-size:11px}.device-card-bottom .badge{font-size:9px}.device-card{min-height:240px}.add-card h3{font-size:13px}.add-card p{color:#65745f;font-size:11px}.event-title{font-size:13px}.timeline-item p,.device-notes{color:#65745f;font-size:12px}.timeline-item time,.timezone-note,.page-footer{color:#65745f;font-size:10px}.filter-bar,.filter-bar select,.filter-bar>span{color:#65745f;font-size:11px}.connection-card>p,.connection-intro p,.modal-copy{color:#65745f;font-size:13px}.info-note p{color:#65745f;font-size:12px}.details>div{font-size:12px}.details dt,.details dd{color:#65745f}.modal label{font-size:12px}.modal input,.modal select,.modal textarea{font-size:13px}.form-intro,.saved-sample p:not(.eyebrow){color:#65745f;font-size:12px}.saved-sample small{color:#65745f;font-size:10px}.private-label{color:#b1c5b4}.activity-filters button{font-size:12px}.climate-empty>p:not(.eyebrow){color:#65745f;font-size:13px}@media (width<=700px){.page-heading>.button{font-size:0}.sidebar nav button{font-size:9px}.subtitle,.status-banner strong{font-size:12px}.status-banner p{font-size:11px}.status-banner>button{font-size:10px}.metric-label{font-size:8px}.summary-card>p,.summary-card:last-child>p{font-size:11px}.summary-card footer,.summary-card footer span:last-child{font-size:9px}.summary-card h2 span{font-size:11px}.summary-card footer span:last-child{max-width:85px}.energy-map{height:285px}.section-heading h2{font-size:17px}.energy-node b{font-size:11px}.energy-node small,.node-home small,.card-footnote{font-size:9px}.device-card{min-height:240px}.device-card h3{font-size:14px}.device-card p{font-size:11px}.device-card-bottom{font-size:10px}.device-card-bottom .badge,.device-category{font-size:8px}.add-card h3{font-size:12px}.add-card p{font-size:10px}.page-footer{font-size:8px}.search input{width:100px;font-size:11px}.activity-filters button{font-size:11px}.status-banner>div{min-width:0}.status-banner>button{flex-shrink:0}.breadcrumb{font-size:11px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.eg4-portal{min-width:0}.eg4-device-banner{background:linear-gradient(115deg,#e7eedc,#f4f6ed);border:1px solid #cfdcc5;border-radius:14px;align-items:center;gap:18px;padding:24px;display:flex}.eg4-device-icon{color:#dcecc5;background:#234c3d;border-radius:13px;place-items:center;width:57px;height:63px;display:grid;box-shadow:0 4px 12px #234c3d16}.eg4-device-banner h2{letter-spacing:-.7px;margin:5px 0;font-size:27px;font-weight:550}.eg4-device-banner p{color:#65745f;font-size:12px;line-height:1.7}.eg4-device-banner>.button{margin-left:auto}.eg4-source-note{color:#64735e;flex-wrap:wrap;align-items:center;gap:8px;padding:15px 2px;font-size:11px;line-height:1.7;display:flex}.eg4-snapshot-pill{white-space:nowrap;border:1px solid #dce3d4;border-radius:20px;margin-left:auto;padding:3px 10px;font-size:10px}.eg4-tabs{border-bottom:1px solid #dbe3d2;gap:26px;margin:8px 0 23px;display:flex}.eg4-tabs button{color:#697861;align-items:center;gap:8px;padding:14px 2px;font-size:13px;display:flex;position:relative}.eg4-tabs button[aria-selected=true]{color:#234c3d;font-weight:600}.eg4-tabs button[aria-selected=true]:after{content:"";background:#315f49;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:0;right:0}.eg4-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px;display:grid}.eg4-metric{flex-direction:column;align-items:flex-start;min-width:0;padding:19px;display:flex;position:relative}.eg4-metric-icon{color:#688052;background:#f0f3e7;border-radius:10px;place-items:center;width:38px;height:38px;margin-bottom:16px;display:grid}.eg4-metric:first-child .eg4-metric-icon{color:#b48c31;background:#fbf3dd}.eg4-metric>p{color:#5f735c;font-size:12px}.eg4-metric>strong{letter-spacing:-.7px;white-space:nowrap;font-size:28px;font-weight:550;line-height:1.5}.eg4-metric>small{color:#71806a;font-size:10px;line-height:1.7}.eg4-main-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;display:grid}.eg4-flow{flex-direction:column;display:flex}.eg4-flow-grid{grid-template-columns:1fr 24px 1.2fr 24px 1fr;align-items:center;gap:4px;min-height:205px;display:grid}.eg4-flow-grid>div{text-align:center;color:#789266;flex-direction:column;align-items:center;gap:9px;display:flex}.eg4-flow-grid span{color:#5e7456;font-size:11px}.eg4-flow-grid strong{color:#34503e;white-space:nowrap;font-size:17px;font-weight:550}.eg4-flow-grid>.eg4-flow-home{color:#547843;background:#f0f4e7;border:1px solid #dfe7d4;border-radius:18px;padding:22px 8px}.eg4-flow-line{text-align:center;color:#b8c6a7!important;font-size:23px!important}.eg4-battery-strip{color:#6d855b;background:#f6f8f0;border:1px solid #e7ecdf;border-radius:10px;align-items:center;gap:12px;margin-top:auto;padding:15px 13px;display:flex}.eg4-battery-strip>div{flex-direction:column;gap:5px;display:flex}.eg4-battery-strip b{color:#34503e;font-size:12px;font-weight:550}.eg4-battery-strip span{color:#697a5e;font-size:10px;line-height:1.7}.eg4-battery-strip>strong{white-space:nowrap;margin-left:auto;font-size:18px;font-weight:550}.eg4-footnote{color:#6b7b62;margin-top:16px;font-size:11px;line-height:1.8}.eg4-settings-list{margin:0}.eg4-settings-list>div{border-bottom:1px solid #edf0e7;justify-content:space-between;align-items:baseline;gap:14px;padding:11px 0;font-size:12px;line-height:1.6;display:flex}.eg4-settings-list>div:last-child{border-bottom:0}.eg4-settings-list dt{color:#6b7b62}.eg4-settings-list dd{text-align:right;color:#304b3a;margin:0;font-weight:550}.eg4-profile-note{color:#92783b;background:#f8f4e9;border:1px solid #eee5cf;border-radius:8px;align-items:flex-start;gap:9px;margin-top:16px;padding:13px;display:flex}.eg4-profile-note p{color:#7c6e49;font-size:11px;line-height:1.8}.eg4-message{color:#48663d;background:#eaf1de;border:1px solid #dbe6c9;border-radius:9px;align-items:center;gap:10px;margin-bottom:14px;padding:15px 17px;font-size:12px;line-height:1.7;display:flex}.eg4-message>span{flex:1}.eg4-message.error{color:#826536;background:#fcf3e5;border-color:#edddbc}.eg4-empty{text-align:center;color:#6e895c;padding:56px 24px}.eg4-empty>svg{margin:0 auto 20px}.eg4-empty h2{letter-spacing:-.6px;color:#31533d;font-size:27px;font-weight:500}.eg4-empty p{color:#6b7b62;max-width:450px;margin:14px auto 25px;font-size:13px;line-height:1.9}.eg4-event-note{color:#7d8b6f;border-top:1px solid #e0e7d8;align-items:center;gap:10px;margin-top:22px;padding:16px 2px;display:flex}.eg4-event-note p{color:#6b7b62;flex:1;font-size:11px;line-height:1.8}.eg4-event-note a{white-space:nowrap;color:#476e41;align-items:center;gap:5px;font-size:11px;display:inline-flex}.eg4-settings-intro{color:#728c5c;align-items:flex-start;gap:12px;padding:0 2px 22px;display:flex}.eg4-settings-intro p{color:#63755b;max-width:800px;font-size:13px;line-height:1.8}.eg4-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.eg4-settings-grid .card{min-width:0}.eg4-settings-grid .section-heading>svg{color:#879779}.eg4-charging-card{border-color:#bccfac!important}.eg4-current-form{border-top:1px solid #e1e9d7;margin-top:17px;padding-top:20px}.eg4-current-form>label{margin-bottom:10px;font-size:12px;font-weight:600;display:block}.eg4-current-form>div{align-items:center;gap:10px;display:flex}.eg4-unit-input{background:#fafbf7;border:1px solid #cad7be;border-radius:8px;flex:1;align-items:center;gap:10px;min-width:80px;padding-right:13px;display:flex}.eg4-unit-input input{outline-offset:1px;color:#254b36;background:0 0;border:0;width:100%;min-width:0;padding:12px 13px;font-size:16px}.eg4-unit-input span{color:#718469;font-size:12px}.eg4-current-form>small{color:#738367;margin-top:12px;font-size:10px;line-height:1.8;display:block}.eg4-table-scroll{max-width:100%;overflow-x:auto}.eg4-history-table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%;font-size:12px}.eg4-history-table th{color:#65775b;background:#f5f7ef;border-bottom:1px solid #e2e9d8;padding:12px;font-size:10px;font-weight:600}.eg4-history-table td{color:#526b49;border-bottom:1px solid #edf0e6;padding:15px 12px}.eg4-no-history{color:#77866d;padding:13px 0 20px;font-size:13px;line-height:1.8}.eg4-audit>article{border-bottom:1px solid #edf0e6;align-items:flex-start;gap:13px;padding:19px 0;display:flex}.eg4-audit>article:last-child{border-bottom:0}.eg4-audit-icon{color:#93783c;background:#f9f3e5;border:1px solid #e7ddc7;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.eg4-audit-icon.confirmed{color:#5f8048;background:#edf4e5;border-color:#dce8cf}.eg4-audit h3{font-size:13px;font-weight:600;line-height:1.7}.eg4-command-status{color:#6d7c62;padding:2px 0 5px;font-size:10px;display:inline-block}.eg4-audit p{color:#6b7c62;max-width:780px;font-size:12px;line-height:1.9}.eg4-audit small{color:#7d8a71;margin-top:6px;font-size:10px;line-height:1.8;display:block}.eg4-review-device{color:#6f8859;background:#f2f6e9;border:1px solid #e1e9d6;border-radius:9px;align-items:center;gap:13px;padding:15px;display:flex}.eg4-review-device b{color:#36543e;font-size:13px;font-weight:600;display:block}.eg4-review-device span{color:#76876a;font-size:11px;line-height:1.8;display:block}.eg4-change{color:#738c5c;justify-content:space-around;align-items:center;gap:12px;padding:23px 12px;display:flex}.eg4-change>div{text-align:center;flex-direction:column;gap:9px;display:flex}.eg4-change small{color:#77846b;font-size:11px}.eg4-change strong{letter-spacing:-1px;color:#31533b;font-size:37px;font-weight:550}.eg4-change strong span{letter-spacing:0;font-size:15px}.eg4-review-expiry{color:#7b896f;align-items:center;gap:7px;margin:16px 0;font-size:10px;display:flex}.eg4-confirm{background:#f8f9f3;border:1px solid #e4eadb;border-radius:8px;gap:10px;padding:15px;align-items:flex-start!important;font-size:12px!important;line-height:1.8!important;display:flex!important}.eg4-confirm input{accent-color:#315e43;flex-shrink:0;height:17px;width:17px!important;margin:2px 0 0!important;padding:0!important}.spin{animation:1.2s linear infinite eg4-spin}@keyframes eg4-spin{to{transform:rotate(360deg)}}@media (width<=1180px){.eg4-metrics{gap:12px}.eg4-metric{padding:16px}.eg4-metric>strong{font-size:25px}.eg4-main-grid{grid-template-columns:1fr}.eg4-flow-grid{min-height:190px}.eg4-settings-grid{gap:16px}}@media (width<=900px){.eg4-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.eg4-settings-grid{grid-template-columns:1fr}.eg4-device-banner{flex-wrap:wrap}.eg4-device-banner>.button{margin-left:75px}.eg4-source-note>span:first-of-type{flex:1}}@media (width<=700px){.sidebar nav button{font-size:8px}.eg4-device-banner{gap:13px;padding:19px}.eg4-device-banner h2{font-size:24px}.eg4-device-banner .eyebrow{letter-spacing:1.1px;font-size:8px}.eg4-device-banner p{font-size:10px}.eg4-device-icon{width:47px;height:56px}.eg4-device-banner>.button{width:100%;margin-top:4px;margin-left:0;font-size:12px}.eg4-source-note{align-items:flex-start;gap:7px;padding:14px 0;font-size:10px}.eg4-source-note>svg{margin-top:2px}.eg4-snapshot-pill{margin-left:22px;font-size:9px}.eg4-tabs{gap:23px;margin-top:2px}.eg4-tabs button{font-size:12px}.eg4-metrics{gap:11px}.eg4-metric{padding:16px 13px}.eg4-metric>p{font-size:11px}.eg4-metric>strong{font-size:25px}.eg4-metric>small{font-size:9px}.eg4-metric-icon{width:33px;height:33px;margin-bottom:11px}.eg4-main-grid{gap:16px}.eg4-flow-grid{grid-template-columns:1fr 15px 1.15fr 15px 1fr;gap:1px;min-height:190px}.eg4-flow-grid strong{font-size:14px}.eg4-flow-grid span{font-size:10px}.eg4-flow-grid>.eg4-flow-home{border-radius:14px;padding:22px 5px}.eg4-flow-grid .eg4-flow-line{font-size:17px!important}.eg4-flow .section-heading{flex-wrap:wrap;align-items:flex-start}.eg4-flow .section-heading .badge{font-size:9px}.eg4-battery-strip{flex-wrap:wrap;gap:9px;padding:12px 10px}.eg4-battery-strip>strong{font-size:16px}.eg4-battery-strip span{font-size:10px}.eg4-event-note{flex-wrap:wrap;align-items:flex-start}.eg4-event-note p{flex-basis:calc(100% - 30px);font-size:10px}.eg4-event-note a{margin-left:27px}.eg4-settings-intro p,.eg4-settings-list>div{font-size:12px}.eg4-current-form>div{gap:8px}.eg4-current-form .button{padding:12px;font-size:11px}.eg4-history-table{font-size:11px}.eg4-empty{padding:40px 18px}.eg4-empty h2{font-size:24px}.eg4-review-device{padding:13px}.eg4-review-device b,.eg4-review .modal-actions .button{font-size:12px}.eg4-message{align-items:flex-start;padding:13px;font-size:11px}.eg4-device-details .section-heading h2{font-size:17px}.eg4-profile-note p,.eg4-footnote{font-size:10px}}@media (prefers-reduced-motion:reduce){.spin{animation:none}}.eg4-editable-list dd{flex-shrink:0;justify-content:flex-end;align-items:center;gap:14px;display:flex}.eg4-editable-list dd>span{white-space:nowrap;min-width:49px}.eg4-editable-list dt{line-height:1.7}.eg4-editable-list dt>small{color:#7b8c6d;font-size:9px;display:block}.eg4-edit-setting{color:#4d703d;background:#f4f7ee;border:1px solid #d8e3ce;border-radius:6px;align-items:center;gap:5px;min-height:31px;padding:6px 8px;font-size:10px;font-weight:550;display:flex}.eg4-edit-setting:hover{background:#e8efdc}.eg4-review .eg4-confirm+.eg4-confirm{margin-top:10px}.eg4-review .eg4-message{margin:14px 0}.eg4-review input[type=number]{margin-top:8px}.eg4-review .eg4-footnote{margin-top:10px}@media (width<=700px){.eg4-editable-list>div{gap:10px}.eg4-editable-list dd{gap:8px}.eg4-edit-setting{padding:6px;font-size:10px}.eg4-edit-setting svg{width:12px}.eg4-editable-list dt{font-size:11px}.eg4-editable-list dd>span{min-width:42px;font-size:12px}}
