:root{--device-surface:#fffffff0;--device-surface-border:#232f3e24;--device-shadow:0 18px 50px #121c281c;--device-shadow-soft:0 10px 30px #121c2814;--device-text-muted:#5f6771;--device-accent:#80d43e;--device-accent-dark:#5cad1c;--device-card-title-size:1.22rem;--device-card-title-size-sm:1.1rem;--device-card-title-size-xs:1.04rem}.device-list{margin-top:.85rem;max-width:1040px;width:100%}.device-list-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;width:100%}.device-list-actions{display:flex;flex-direction:row;gap:.55rem;width:auto}.device-list-action-button{flex:0 0 auto;font-size:.9rem;min-width:160px;padding-left:14px!important;padding-right:14px!important;width:auto}.device-list-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width:1200px){.device-list-grid{grid-template-columns:1fr 1fr}}.device-list-item{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(165deg,#fffffff2,#f8fcf6f2);border:1px solid #232f3e24;border:1px solid var(--device-surface-border);border-radius:18px;box-shadow:0 10px 30px #121c2814;box-shadow:var(--device-shadow-soft);cursor:pointer;display:flex;flex-direction:row;min-height:205px;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;width:100%}.device-list-item:hover{border-color:#80d43e59;box-shadow:0 18px 50px #121c281c;box-shadow:var(--device-shadow);transform:translateY(-2px)}.device-list-item-content{display:flex;flex-direction:column;gap:.55rem;padding:1rem 1.15rem 1rem 1rem;width:100%}.device-card-top{align-items:center;display:flex;gap:.6rem;justify-content:space-between}.device-card-title-wrap{align-items:center;display:flex;gap:.55rem;min-width:0}.device-card-mobile-image{border:1px solid #fffc;border-radius:50%;box-shadow:0 4px 10px #121c2824;display:none;flex-shrink:0;height:34px;object-fit:cover;width:34px}.device-card-title{font-size:1.12rem;line-height:1.2;margin:0;overflow-wrap:anywhere}.device-online-pill{background-color:#80d43e29;border:1px solid #80d43e5c;border-radius:12px;color:#1f5e13;font-size:.76rem;font-weight:700;padding:.2rem .62rem;white-space:nowrap}.device-online-pill.offline{background-color:#dc5f5f1a;border-color:#dc5f5f47;color:#8a2c2c}.device-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.4rem}.device-role-badge{background-color:#80d43e21;border:1px solid #80d43e47;border-radius:12px;color:#2f3a26}.device-mode-badge,.device-role-badge,.device-type-badge{font-size:.76rem;font-weight:700;letter-spacing:.01em;margin:0;padding:.22rem .6rem;width:-webkit-fit-content;width:fit-content}.device-mode-badge,.device-type-badge{background-color:#232f3e0f;border:1px solid #232f3e24;border-radius:12px;color:#3f4652}.device-list-summary{color:#2e323a;font-size:.9rem;line-height:1.35;margin:.15rem 0 .2rem}.device-page-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:.4rem 0 .6rem;width:100%}.device-page-header-main{align-items:center;display:flex;gap:1rem;min-width:0}.device-page-header-title{line-height:1.15;margin:0;max-width:260px;overflow-wrap:anywhere}.device-page-header-actions{display:flex;gap:.6rem}.device-panels{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:.8rem;width:100%}.device-panels .device-info:first-child{grid-column:span 7}.device-panels .device-info:nth-child(2){grid-column:span 5}.device-panels.meter-layout .device-info:first-child{grid-column:span 12}.device-info{align-items:flex-start;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff0;background:var(--device-surface);border:1px solid #232f3e24;border:1px solid var(--device-surface-border);border-radius:16px;box-shadow:0 10px 30px #121c2814;box-shadow:var(--device-shadow-soft);box-sizing:border-box;display:flex;flex-direction:column;margin:0;min-width:0;padding:1rem 1.1rem;width:100%}.device-info h2{font-size:1.22rem;font-size:var(--device-card-title-size);letter-spacing:.01em;line-height:1.3;margin:0 0 .5rem}.device-info h3{color:#344252;font-size:.96rem;line-height:1.3;margin:.2rem 0 .6rem}.device-info p{font-size:.91rem;line-height:1.4}.device-hero-card{gap:.6rem;padding-bottom:1.05rem;padding-top:1.05rem}.device-hero-card .device-card-top{width:100%}.device-hero-card .device-online-pill{margin-left:auto}.device-hero-title{font-size:1.22rem;font-size:var(--device-card-title-size);line-height:1.2;margin:0}.device-hero-image{border:1px solid #ffffffd9;border-radius:50%;box-shadow:0 6px 14px #121c2829;flex-shrink:0;height:58px;object-fit:cover;width:58px}.device-hero-subtle{color:#506071;font-size:.86rem;margin:0}.device-section{margin-top:.5rem;width:100%}.device-section-title{margin-bottom:.65rem!important;margin-top:.2rem!important}.sandbox-settings-wrap{flex-wrap:wrap}.device-graph-container,.sandbox-settings-wrap{display:flex;flex-direction:row;justify-content:space-between;width:100%}.device-graph-container{align-items:center;gap:1rem;margin-bottom:.5rem}.device-graph{display:flex;justify-content:center;width:min(100%,340px)}.device-status-info{align-items:flex-end;background:#0000;border:0;border-radius:0;color:#5f6771;color:var(--device-text-muted);display:flex;flex-direction:column;font-size:.95rem;justify-content:start;min-width:320px;padding:0;text-align:right;white-space:normal}.device-status-info .device-power-row{border-top:0;justify-content:flex-end;margin-top:0;padding-top:0;width:min(100%,340px)}.device-status-info .device-power-gauge{min-width:140px}.device-list-image{max-width:190px;min-width:190px;width:190px}.device-power-row{align-items:center;border-top:1px dashed #19263424;display:flex;gap:.55rem;margin-top:auto;padding-top:.35rem}.device-power-row.meter{margin-top:auto}.device-state-pill{border:1px solid #232f3e24;border-radius:12px;font-size:.74rem;font-weight:700;padding:.2rem .58rem;white-space:nowrap}.device-state-pill.on{background:#80d43e24;border-color:#80d43e61;color:#1f5e13}.device-state-pill.off{background:#dc5f5f1a;border-color:#dc5f5f42;color:#8c2f2f}.device-power-gauge{background:#202a361f;border-radius:999px;flex:1 1;height:.52rem;overflow:hidden}.device-power-gauge-fill{background:linear-gradient(90deg,#8fdd53,#5cab1e);height:100%;transition:width .35s ease;width:0}.device-power-gauge-fill.off{background:linear-gradient(90deg,#d8dde2,#a9b2bb)}.device-power-gauge.charger-power{background:#202a361f}.device-power-gauge-fill.charger-power{background:linear-gradient(90deg,#f66c6c,#c41515)}.device-power-gauge-fill.relay-on{background:linear-gradient(90deg,#f25757,#a90d0d)}.device-power-gauge-fill.meter{background:linear-gradient(90deg,#59d182,#34b0b8)}.device-power-value{color:#27303a;font-size:.82rem;font-weight:700;margin:0;min-width:4.8rem;text-align:right}.device-power-value.meter{color:#166368;min-width:7.2rem}.device-power-value.charger{color:#a90d0d;min-width:9.2rem}.device-power-value.relay-on{color:#a90d0d}.meter-status-card{width:100%}.meter-balance-wrap{display:flex;flex-direction:column;gap:.55rem;width:100%}.meter-balance-header{align-items:center;color:#4f5f70;display:flex;font-size:.85rem;gap:.8rem;justify-content:space-between}.meter-balance-header p{font-weight:700;margin:0}.meter-balance-track{background:linear-gradient(90deg,#db606029,#dc61610f 49.8%,#5ac9830f 50.2%,#5ac98329);border:1px solid #232f3e24;border-radius:999px;height:1.2rem;overflow:hidden;position:relative;width:100%}.meter-balance-zero{background:#25303d73;bottom:0;left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px;z-index:2}.meter-balance-fill{border-radius:999px;bottom:0;position:absolute;top:0;transition:width .35s ease}.meter-balance-fill.export{background:linear-gradient(90deg,#2fa768,#6fd48a)}.meter-balance-fill.import{background:linear-gradient(90deg,#e48282,#d95a5a)}.meter-balance-value{font-size:1.15rem;font-weight:800;letter-spacing:.01em;margin:0}.meter-balance-value.export{color:#1f7c49}.meter-balance-value.import{color:#a33a3a}.meter-balance-scale{color:#5f7081;font-size:.82rem;margin:0}.meter-surplus-wrap{display:flex;flex-direction:column;gap:.55rem;width:100%}.meter-surplus-header{align-items:center;color:#4f5f70;display:flex;font-size:.85rem;gap:.8rem;justify-content:space-between}.meter-surplus-header p{font-weight:700;margin:0}.meter-surplus-track{background:#5ac9831f;border:1px solid #232f3e24;border-radius:999px;height:1.2rem;overflow:hidden;position:relative;width:100%}.meter-surplus-fill{background:linear-gradient(90deg,#2fa768,#6fd48a);height:100%;transition:width .35s ease;width:0}.meter-surplus-value{color:#1f7c49;font-size:1.15rem;font-weight:800;letter-spacing:.01em;margin:0}.meter-surplus-scale{color:#5f7081;font-size:.82rem;margin:0}.device-setup-container,.device-setup-nav{z-index:900}.device-setup-container{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0309118c;display:flex;height:100%;inset:0;justify-content:center;overflow-y:auto;position:fixed;transition:all .2s ease-in-out;width:100%}.device-setup-container .popup-container.input-container{border:1px solid #232f3e1f;border-radius:16px;box-shadow:0 16px 36px #121c282e;max-width:600px;padding:1.15rem 1.2rem 1.05rem!important;width:min(600px,calc(100vw - 2rem))}.popup-header{margin-bottom:.25rem;width:100%}.popup-header h2{font-size:1.2rem;letter-spacing:.01em;line-height:1.25;margin:0}.popup-form{display:flex;flex-direction:column;gap:.62rem;width:100%}.popup-inline-help{color:#334050;font-size:.9rem;line-height:1.4;margin:.05rem 0 .3rem}.popup-divider{border-top:1px dashed #232f3e3d;margin:.8rem 0 .7rem;width:100%}.popup-field-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(150px,1fr) minmax(0,1.45fr);width:100%}.popup-field-label{color:#2e323a;font-size:.94rem;font-weight:700;line-height:1.3;margin:0}.popup-field-value{min-width:0;width:100%}.device-setup-container .popup-container :is(input[type=text],input[type=email],input[type=password],input[type=number],select,textarea){background-color:#80d43e14;border:1px solid #80d43e3d;border-radius:10px;box-sizing:border-box;color:#28313d;font-family:Ubuntu;font-size:.94rem}.device-setup-container .popup-container :is(input[type=text],input[type=email],input[type=password],input[type=number],select){min-height:2.35rem;padding:.5rem .62rem;width:100%}.device-setup-container .popup-container textarea{line-height:1.35;padding:.62rem .68rem;resize:vertical;width:100%}.device-setup-container .popup-container :is(input[type=text],input[type=email],input[type=password],input[type=number],select,textarea):focus{border-color:#80d43eb3;box-shadow:0 0 0 3px #80d43e26;outline:none}.popup-input-lg{font-size:1rem!important;min-height:2.7rem!important;padding-bottom:.62rem!important;padding-top:.62rem!important}.popup-select,.popup-textarea{width:100%}.popup-toggle-row{align-items:center;display:flex;gap:.65rem;justify-content:space-between;width:100%}.popup-toggle-row p{margin:0}.popup-actions,.popup-actions .basic-button{width:100%}.popup-title-subtle{color:#4e5f70;font-size:.86rem;margin:0}.popup-guide-links{align-content:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:.5rem;width:100%}.popup-guide-link{margin:0 0 .5rem}.popup-toggle-row-compact{margin-top:.15rem}.device-setup-container .popup-container .selection__control{background-color:#80d43e14;border:1px solid #80d43e3d;border-radius:10px;box-shadow:none;min-height:2.35rem}.device-setup-container .popup-container .selection__control:hover{border-color:#80d43e5c}.device-setup-container .popup-container .selection__value-container{padding:.1rem .62rem}.device-setup-container .popup-container .selection__menu{border:1px solid #232f3e1f;border-radius:10px;overflow:hidden}.device-options-modal{border:1px solid #232f3e1f;border-radius:16px;box-shadow:0 16px 36px #121c282e;max-width:520px;padding:1.1rem 1.15rem 1rem;width:min(520px,calc(100vw - 2rem))}.device-options-header{margin-bottom:.35rem;width:100%}.device-options-header h2{margin:0}.device-options-form{display:flex;flex-direction:column;gap:.62rem;width:100%}.device-options-form input[type=text]{margin-bottom:.1rem}.device-options-row{grid-gap:.75rem;align-items:center;display:grid;gap:.75rem;grid-template-columns:minmax(140px,1fr) minmax(0,1.45fr);padding:.05rem 0;width:100%}.device-options-row .settings-label{font-size:.94rem;line-height:1.3;margin:0}.device-options-select-value{max-width:none;min-width:0;width:100%}.device-options-select{background-color:#80d43e14;border:1px solid #80d43e3d;border-radius:10px;font-family:Ubuntu;font-size:.92rem;height:2.15em;padding:0 .55rem;width:100%}.device-options-select:focus{border-color:#80d43eb3;box-shadow:0 0 0 3px #80d43e26;outline:none}.device-options-meter-section{border-top:1px dashed #232f3e3d;display:flex;flex-direction:column;gap:.45rem;margin-top:.35rem;padding-top:.75rem;width:100%}.device-options-meter-section h3{font-size:1.04rem;line-height:1.25;margin:0 0 .15rem}.device-options-offset-row{max-width:none;min-width:0;width:100%}.device-options-offset-row .settings-cell-number-input{flex:1 1;min-width:0;width:100%}.device-options-toggle-row{margin-bottom:0;margin-top:.1rem}.device-options-toggle-row .settings-label{margin:0}.device-options-save{margin-top:.25rem;width:100%}.device-options-divider{border-top:1px dashed #232f3e3d;margin:.9rem 0 .75rem;width:100%}.device-options-delete-title{margin:0 0 .35rem}.device-options-delete-form{width:100%}.device-options-delete-confirm-row{margin-bottom:.65rem;width:100%}.device-options-delete-confirm-row .confirm{margin:0}.device-options-delete{width:100%}.device-on{stroke:#63c620;stroke-width:3px;height:30px;transform:rotate(90deg)}.device-off{stroke:#ff1c4d;stroke-width:3px;height:30px;transform:rotate(-90deg)}.device-log-list{gap:.5rem;width:100%}.device-log-list,.device-log-row{display:flex;flex-direction:column}.device-log-row{align-items:flex-start;background:#232f3e0a;border:1px solid #232f3e1f;border-radius:10px;gap:.18rem;padding:.5rem .6rem}.device-log-head{align-items:center;display:flex;gap:.35rem;width:100%}.device-log-time{color:#4c5662;font-size:.8rem;font-weight:700;margin:0}.device-log-entry{margin-left:0}.device-log-row .device-off,.device-log-row .device-on{height:22px}.device-log-card{padding-bottom:.5em}.device-header-image{border-radius:24px;height:84px;object-fit:cover;width:84px}.settings-unit{color:#5cad1c;color:var(--device-accent-dark);font-weight:700}.settings-content{display:flex;flex-direction:column;gap:.35rem;height:100%;width:100%}.settings-row{display:flex;flex-direction:row;gap:.8rem;justify-content:space-between;padding:.2rem 0}.settings-label{color:#2e323a;font-weight:700}.settings-column{display:flex;flex-direction:column;justify-content:space-between;width:100%}.settings-value{align-items:center;display:flex;flex-direction:row;justify-content:start;max-width:10.25em;min-width:10.25em;width:10.25em}.settings-priority-value{align-items:stretch;flex-direction:column;gap:.32rem;justify-content:flex-start;max-width:13.5em;min-width:13.5em;padding-top:1.35rem;position:relative;width:13.5em}.settings-priority-tooltip{background:#232f3e17;border:1px solid #232f3e29;border-radius:9px;color:#314152;font-size:.76rem;font-weight:700;left:0;line-height:1.2;opacity:0;padding:.15rem .46rem;pointer-events:none;position:absolute;text-transform:lowercase;top:0;transform:translateY(6px);transition:opacity .22s cubic-bezier(.3,0,.2,1),transform .22s cubic-bezier(.3,0,.2,1);white-space:nowrap}.settings-priority-tooltip.show{opacity:1;transform:translateY(0)}.settings-priority-slider{accent-color:#7dd03e;cursor:pointer;margin:0;width:100%}.settings-priority-slider:disabled{cursor:not-allowed;opacity:.5}.settings-priority-labels{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:repeat(4,minmax(0,1fr));width:100%}.settings-priority-labels span{color:#677586;font-size:.7rem;font-weight:600;letter-spacing:.01em;line-height:1.2;text-align:center;text-transform:lowercase}.settings-priority-labels span.active{color:#2f4320;font-weight:800}.settings-info-hint{align-items:center;border:1px solid #999;border-radius:50%;cursor:help;display:inline-flex;font-size:.75em;font-weight:900;height:1.1em;justify-content:center;margin-left:.4em;-webkit-user-select:none;user-select:none;width:1.1em}.settings-stable-block-top{margin-top:.7em;width:100%}.settings-stable-block-spaced{margin-top:1em;width:100%}.settings-section-header-no-top-margin{margin-top:0}.settings-value-fluid{flex:1 1;max-width:none;min-width:0;width:100%}.settings-range-slider,.settings-select-full{width:100%}.settings-submit{margin-bottom:1em}.settings-cell-number-input,.settings-time-input{background-color:#80d43e14;border:1px solid #80d43e3d;border-radius:10px;box-sizing:border-box;font-family:Ubuntu;height:2.15em;margin:0 .45em 0 0;padding-left:.5em;padding-right:.5em;text-align:end;width:5.25em}.settings-cell-number-input:focus,.settings-time-input:focus{border-color:#80d43eb3;box-shadow:0 0 0 3px #80d43e26;outline:none}.settings-time-input{margin-right:0;padding-right:30px;width:4.2em}.settings-time-divider{margin-left:1em;margin-right:1em}.settings-check-container{align-items:center;display:flex;flex-direction:row;margin:.2rem 0;width:100%}.mode-segmented{background:#232f3e14;border:1px solid #232f3e1f;border-radius:999px;display:flex;gap:0;height:44px;margin-bottom:.95rem;margin-top:.45rem;overflow:hidden;padding:0;width:100%}.mode-option{border-radius:0;color:#44505e;cursor:pointer;flex:1 1;font-size:.86rem;font-weight:700;padding:0;position:relative;text-align:center;transition:background .2s ease,color .2s ease;-webkit-user-select:none;user-select:none}.mode-option,.mode-option span{align-items:center;display:flex;height:100%;justify-content:center}.mode-option span{transform:translateX(-2px);white-space:nowrap;width:100%}.mode-option.active{background:linear-gradient(160deg,#8adf4d,#63b328);box-shadow:none;color:#fff}.mode-input{opacity:0;pointer-events:none;position:absolute}.settings-stable-block{max-height:1800px;opacity:1;overflow:hidden;transition:max-height .35s ease,opacity .25s ease,margin .25s ease;width:100%}.settings-stable-block.is-hidden{margin-bottom:0!important;margin-top:0!important;max-height:0;opacity:0;pointer-events:none}.settings-toggle-row{margin-bottom:.6rem}.settings-section-header,.settings-toggle-row{align-items:center;display:flex;justify-content:space-between;width:100%}.settings-section-header{border-top:1px dashed #232f3e47;gap:.4rem;margin-bottom:.65rem;margin-top:.85rem;padding-top:.85rem}.settings-section-header h3{margin:0}.settings-subheading{font-size:1.32rem;font-weight:700;letter-spacing:.01em;line-height:1.3;margin:0}.settings-subheading-wrap{align-items:center;display:flex;gap:.2rem}.settings-toggle-switch{display:inline-block;height:28px;min-width:48px;position:relative;width:48px}.settings-toggle-switch input{height:0;opacity:0;width:0}.settings-toggle-slider{background-color:#232f3e40;border-radius:999px;cursor:pointer;inset:0;position:absolute;transition:background-color .2s ease}.settings-toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0f162240;content:"";height:22px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:22px}.settings-toggle-switch input:checked+.settings-toggle-slider{background-color:#7dd03e}.settings-toggle-switch input:checked+.settings-toggle-slider:before{transform:translateX(20px)}.disabled{cursor:default;opacity:.45}.disabled:hover{box-shadow:none;transform:none}.basic-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.45}@media screen and (max-width:1100px){.device-page-header-title{max-width:180px}.device-panels .device-info:first-child,.device-panels .device-info:nth-child(2){grid-column:span 12}.device-list-image{display:none}}@media screen and (max-width:780px){.device-list{margin-top:.3rem}.device-list-header{align-items:flex-start;flex-direction:column}.device-list-actions{flex-direction:row;flex-wrap:nowrap;width:100%}.device-list-actions .basic-button{flex:1 1;min-width:0}.device-list-item{min-height:188px}.device-list-item-content{gap:.5rem;padding:.85rem .95rem}.device-card-title{font-size:1.04rem}.device-card-mobile-image{display:block}.device-power-value{min-width:4.5rem}.device-power-value.meter{min-width:6.8rem}.meter-balance-value{font-size:1.05rem}.meter-balance-scale{font-size:.78rem}.meter-surplus-value{font-size:1.05rem}.meter-surplus-scale{font-size:.78rem}.device-graph{height:130px;width:100%}.device-graph-container{align-items:flex-start;flex-direction:column-reverse}.device-status-info{align-items:flex-start;min-width:0;padding:0;white-space:normal;width:100%}.settings-row{flex-direction:column;gap:.35rem}.settings-value{max-width:100%;min-width:0;width:100%}.settings-priority-value{max-width:100%;min-width:100%;width:100%}.settings-cell-number-input,.settings-time-input{margin-right:.35rem;width:100%}.settings-time-input{width:4.4em}.device-page-header{align-items:flex-start;gap:.6rem}.device-page-header-actions{gap:.45rem;margin-left:auto}.device-page-header .circle-button{height:3.35em;min-width:3.35em;width:3.35em}.device-page-header-main{gap:.65rem}.device-page-header-title{max-width:45vw}.device-info{padding:.9rem .95rem}.device-hero-title{font-size:1.1rem;font-size:var(--device-card-title-size-sm)}.device-hero-image{height:46px;width:46px}.device-power-row{gap:.45rem}.settings-label{font-size:.93rem}.settings-check-container label{font-size:.93rem;line-height:1.3}.settings-unit{font-size:.9rem}.device-options-modal{padding:.95rem .9rem .85rem;width:calc(100vw - 1.25rem)}.device-setup-container .popup-container.input-container{padding:.95rem .9rem .85rem!important;width:calc(100vw - 1.25rem)}.device-options-offset-row,.device-options-select-value{max-width:100%;min-width:0;width:100%}.device-options-row{align-items:start;gap:.35rem;grid-template-columns:1fr}.device-options-toggle-row{margin-top:.2rem}.popup-field-row{align-items:start;gap:.35rem;grid-template-columns:1fr}}@media screen and (max-width:430px){.device-list{box-sizing:border-box;padding-left:6px;padding-right:6px}.device-header-image{display:none}.device-page-header-title{max-width:52vw}.device-list-header{margin-bottom:1rem}.device-list-actions{flex-direction:row;width:100%}.device-list-item{border-radius:14px;min-height:172px}.device-card-title{font-size:1rem}.device-card-mobile-image{height:30px;width:30px}.device-card-meta{gap:.3rem}.device-mode-badge,.device-online-pill,.device-role-badge,.device-state-pill,.device-type-badge{font-size:.7rem}.device-list-summary{font-size:.84rem}.device-info h2{font-size:1.04rem;font-size:var(--device-card-title-size-xs)}.device-info h3{font-size:.9rem}.device-info p{font-size:.84rem}.device-power-value{font-size:.76rem;min-width:4.2rem}.device-power-value.meter{min-width:6.1rem}.meter-balance-header{font-size:.79rem}.meter-balance-value{font-size:.98rem}.meter-surplus-header{font-size:.79rem}.meter-surplus-value{font-size:.98rem}.device-power-gauge{height:.45rem}.device-hero-title{font-size:1.04rem;font-size:var(--device-card-title-size-xs)}.device-hero-image{height:40px;width:40px}.device-page-header .circle-button{height:3em;min-width:3em;width:3em}}.landing-container{align-items:center;display:flex;flex-direction:column;gap:.9rem;isolation:isolate;padding:.32rem 0 1rem;position:relative;width:min(1008px,calc(100% - 1.2rem))}.landing-hero{grid-gap:.92rem;background:linear-gradient(140deg,#3f7320,#568f2e 48%,#467b23);border:1px solid #ffffff3d;border-radius:24px;box-shadow:0 22px 44px #182e1047,inset 0 1px 0 #ffffff47;display:grid;gap:.92rem;grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr);overflow:hidden;padding:clamp(.98rem,2.2vw,1.4rem);position:relative;width:100%}.landing-hero:after,.landing-hero:before{content:"";pointer-events:none;position:absolute}.landing-hero:before{background:linear-gradient(180deg,#0000002e,#0000001a),linear-gradient(120deg,#ffffff1f,#0000 48%),radial-gradient(42% 56% at 80% 18%,#ffffff1a,#0000 72%);inset:0}.landing-hero:after{aspect-ratio:1;background:radial-gradient(circle,#fff3,#fff0);border-radius:999px;right:-16%;top:-30%;width:44%}.landing-hero-copy{display:flex;flex-direction:column;gap:.62rem;min-width:0;position:relative;z-index:1}.landing-eyebrow{background:#ffffff2e;border:1px solid #fff6;border-radius:999px;color:#f6fff1;font-size:.76rem;font-weight:800;letter-spacing:.1em;margin:0;padding:.25rem .62rem;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.landing-title{color:#f7fff2;font-size:clamp(1.58rem,3.2vw,2.52rem);font-weight:900;letter-spacing:.01em;line-height:1.08;margin:.06rem 0 0;text-shadow:0 4px 12px #152b0f3d}.landing-lead{color:#f4fdeeeb;font-size:clamp(.97rem,1.24vw,1.11rem);line-height:1.55;margin:.08rem 0 .2rem;max-width:62ch}.landing-highlight-row{grid-gap:.42rem;background:linear-gradient(180deg,#0c1f084d,#0c1f082e);border:1px solid #ffffff3d;border-radius:8px;display:grid;gap:.42rem;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.08rem;padding:.38rem}.landing-highlight{background:#0000;border:none;border-radius:0;box-shadow:none;display:flex;flex-direction:column;gap:.22rem;justify-content:center;min-height:72px;padding:.58rem .62rem .58rem .82rem;position:relative}.landing-highlight:before{background:#ddf4cec7;border-radius:2px;bottom:.56rem;content:"";left:.48rem;position:absolute;top:.56rem;width:2px}.landing-highlight-title{color:#e2f4d5d1;font-size:.69rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.landing-highlight strong{color:#fff;font-size:.93rem;font-weight:800;line-height:1.22}.landing-shortcuts{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:.18rem}.landing-side-shortcuts{align-items:flex-end;display:flex;flex-direction:column;gap:.42rem;width:100%}.landing-shortcut{align-items:center;background:#ffffff24;border:1px solid #ffffff57;border-radius:999px;box-shadow:0 8px 16px #142a0f3d;color:#f3ffec;display:inline-flex;font-size:.82rem;font-weight:800;padding:.44rem .88rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.landing-shortcut:hover{background:#fff3;border-color:#ffffff8f;box-shadow:0 11px 20px #142a0f4d;transform:translateY(-1px)}.landing-hero-start{align-items:stretch;display:flex;flex-direction:column;gap:.7rem;justify-content:space-between;min-height:100%;min-width:0;position:relative;z-index:1}.landing-information{display:flex;flex-direction:column;gap:.74rem;margin:0 0 .6rem;width:100%}.landing-section-head{display:flex;flex-direction:column;gap:.14rem;padding:.12rem .18rem .2rem}.landing-section-eyebrow{color:#57718d;font-size:.74rem;font-weight:800;letter-spacing:.11em;margin:0;text-transform:uppercase}.landing-section-title{color:#132b41;font-size:clamp(1.22rem,1.9vw,1.68rem);font-weight:900;line-height:1.22;margin:0}.landing-key-grid{grid-gap:.7rem;display:grid;gap:.7rem;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.key-point{align-items:flex-start;background:linear-gradient(170deg,#ffffffed,#f6faf3e6);border:1px solid #232f3e24;border-radius:16px;box-shadow:0 14px 28px #131f2d1c;display:flex;gap:.82rem;overflow:hidden;padding:.92rem .95rem;position:relative;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;width:100%}.key-point:hover{border-color:#80d43e57;box-shadow:0 20px 36px #131f2d29;transform:translateY(-2px)}.key-point:before{background:#6ab93f;content:"";height:100%;left:0;position:absolute;top:0;width:4px}.key-point-setup:before{background:#4f9f34}.key-point-price:before{background:#3f83c9}.key-point-control:before{background:#2f9386}.key-point-security:before{background:#2f79a3}.key-point-links:before{background:#d06a2e}.key-point-links{grid-column:1/-1}.key-img{background:#0000;border:none;border-radius:0;box-shadow:none;filter:drop-shadow(0 5px 10px rgba(15,25,38,.14));flex-shrink:0;height:clamp(64px,6.9vw,82px);padding:0;width:clamp(64px,6.9vw,82px)}.key-text{min-width:0}.key-title{color:#142c43;font-size:clamp(1.03rem,1.2vw,1.25rem);font-weight:900;line-height:1.22;margin:.08rem 0 .14rem}.key-description{color:#355067;font-size:clamp(.9rem,1.02vw,.98rem);line-height:1.5;margin:0}.landing-link-stack{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.52rem}.key-read-more-bullet{align-items:center;background:#ffffffc2;border:1px solid #232f3e29;border-radius:999px;box-shadow:0 8px 16px #121c281f;color:#1c3f5e;display:inline-flex;font-size:.84rem;font-weight:800;line-height:1.3;margin:0;padding:.4rem .74rem;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease;width:-webkit-fit-content;width:fit-content}.key-read-more-bullet:hover{background:#80d43e1f;border-color:#80d43e57;box-shadow:0 11px 20px #121c2829;transform:translateY(-1px)}@media screen and (max-width:980px){.landing-hero{gap:.75rem}.landing-hero,.landing-highlight-row{grid-template-columns:1fr}}@media screen and (max-width:760px){.landing-container{gap:.72rem;padding-top:.2rem;width:calc(100% - .5rem)}.landing-hero{border-radius:16px;padding:.78rem}.landing-eyebrow{font-size:.7rem}.landing-title{font-size:1.36rem}.landing-lead{font-size:.9rem}.landing-shortcut{font-size:.79rem;padding:.35rem .66rem}.landing-side-shortcuts{align-items:stretch}.landing-shortcut{justify-content:center;width:100%}.landing-key-grid{gap:.56rem;grid-template-columns:1fr}.landing-highlight-row{gap:.32rem;padding:.3rem}.landing-highlight{min-height:64px;padding:.5rem .56rem .5rem .76rem}.key-point{border-radius:14px;gap:.68rem;padding:.78rem}.key-img{height:58px;width:58px}.key-title{font-size:.99rem}.key-description{font-size:.88rem}.key-read-more-bullet{font-size:.8rem;padding:.33rem .6rem}}@media screen and (max-width:430px){.landing-title{font-size:1.24rem}.landing-lead{font-size:.85rem}.key-point{padding:.68rem}.key-img{height:52px;width:52px}}.get-started-container{display:flex;margin-top:auto;min-height:0;width:100%}.get-started-container,.get-started-container.logged-in{justify-content:flex-end}.get-started-form{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0000;border:none;border-radius:0;box-shadow:none;gap:0;margin:0 0 0 auto;padding:0;width:min(460px,100%)}.get-started-form.logged-in{display:flex;justify-content:flex-end;width:auto}.get-started-sub-title{color:#f3fcedf0;font-size:clamp(.87rem,1.01vw,.94rem);font-weight:500;line-height:1.44;margin:0;max-width:52ch;text-align:right}.get-started-input-container{align-items:center;display:flex;gap:.5rem;justify-content:flex-end;margin-top:.66rem;width:100%}.get-started-input-container.logged-in{justify-content:flex-end;margin-top:0;width:auto}.get-started{width:100%}.get-started-input{background:#fffffff5;border:1px solid #ffffff94;color:#18304a;flex:1 1;margin:0;max-width:none;min-height:2.72rem;width:100%}.get-started-input::placeholder{color:#23384f94}.get-started-input:focus{border-color:#ffffffdb;box-shadow:0 0 0 3px #ffffff38}.get-started-button{border:1px solid #ffffff42;box-shadow:0 10px 22px #274e1452;margin-bottom:0;margin-top:0;max-width:220px;min-height:2.72rem;min-width:160px;padding:.66rem .94rem;width:auto}.get-started-button-logged-in{max-width:260px;min-width:210px}.get-started-button:hover{box-shadow:0 14px 26px #274e145c}@media screen and (max-width:750px){.get-started-form{width:100%}.get-started-sub-title{text-align:left}.get-started-input-container{align-items:stretch;flex-direction:column;gap:.4rem}.get-started-button,.get-started-input{margin:0;max-width:none;min-height:2.6rem;min-width:0;width:100%}.get-started-sub-title{font-size:.85rem}}@media screen and (max-width:430px){.get-started-sub-title{font-size:.83rem}}.slide-content-container{box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:max(min(5vw,70px),1.8em) max(min(5vw,84px),.85em) max(min(9vw,130px),4.2em);width:min(760px,100%)}.slide-title{color:#f8fcf8;font-size:clamp(1.85rem,2.8vw,2.3rem);font-weight:900;line-height:1.08;margin-top:0;text-shadow:0 1px 2px #00000059}.slide-description{color:#eff6ef;font-size:clamp(1rem,1.45vw,1.26rem);font-weight:500;line-height:1.4;max-width:46ch;text-shadow:0 1px 2px #0000004d}.embla{margin:auto;max-width:1120px;width:100%}.embla__viewport{border:1px solid #ffffff2e;border-radius:16px;box-shadow:0 14px 32px #121c2842;overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom}.embla__slide{flex:0 0 100%;height:min(68vh,760px);min-height:500px;transform:translateZ(0)}.embla__controls{justify-content:center;overflow:hidden;position:relative;top:-26px;width:100%}.embla__controls,.embla__dots{align-items:center;display:flex}.embla__dots{flex-direction:row}.embla__dot{background:#ffffff40;border:2px solid #80d43ee6;border-radius:50%;box-sizing:border-box;cursor:pointer;display:flex;height:12px;margin:5px;width:12px}.embla__dot--selected{background-color:#80d43e}.embla__around__dots{display:flex;flex:0 0 50%;flex-direction:row;justify-content:center;justify-content:flex-start}.embla__autoplay__toggle{align-items:center;cursor:pointer;display:flex;height:14px;justify-content:center;margin-left:10px;width:14px}.embla__progress{align-self:center;background:#00000047;border:1px solid #80d43ee6;border-radius:999px;box-sizing:border-box;height:9px;margin-left:20px;overflow:hidden;position:relative;transition:opacity .3s ease-in-out;width:56px}.embla__progress__bar{background-color:#80d43e;bottom:0;left:-100%;position:absolute;top:0;width:100%}.embla__progress--hidden{opacity:0}.embla__progress__bar{animation-iteration-count:1;animation-name:autoplay-progress;animation-timing-function:linear}.embla__progress--hidden .embla__progress__bar{animation-play-state:paused}.embla__autoplay__toggle__icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.4))}@keyframes autoplay-progress{0%{transform:translateZ(0)}to{transform:translate3d(100%,0,0)}}@media screen and (max-width:900px){.embla__slide{height:min(72vh,640px);min-height:460px}}@media screen and (max-width:750px){.slide-content-container{padding:1.2rem .85rem 2.9rem;width:100%}.slide-title{font-size:1.58rem}.slide-description{font-size:.96rem}.embla__viewport{border-radius:14px}.embla__slide{min-height:480px}}@media screen and (min-width:1200px){.embla__slide--not-selected{opacity:.82}.embla__slide{transition:opacity .28s ease-in}.embla__progress{width:92px}}.today-stats{display:flex;flex-direction:row;gap:.75rem;justify-content:space-between;margin-top:1.35rem;width:100%}.today-stats-title{color:#f4f8f4;font-size:.82rem;font-weight:700;letter-spacing:.01em;margin:0}.today-stat{color:#fff;font-size:clamp(1.28rem,2vw,1.72rem);font-weight:900;line-height:1.12;margin:.15rem 0 0}.today-stats-container{background:linear-gradient(165deg,#0b121bb8,#11192394);border:1px solid #80d43e99;border-radius:12px;box-shadow:0 8px 18px #0000003d;box-sizing:border-box;flex:0 0 48%;opacity:0;padding:.6rem .78rem .68rem;transition:opacity .45s ease;width:100%}.today-stats-container.visible{opacity:1}@media screen and (max-width:750px){.today-stats{flex-direction:column;gap:.55rem}.today-stats-container{flex:1 1}}@media screen and (max-width:450px){.today-stats-title{font-size:.74rem}.today-stat{font-size:1.15rem}}.nav-parent{display:flex;justify-content:center;padding:.7rem 0 .35rem;position:-webkit-sticky;position:sticky;top:0;transition:background .24s ease,box-shadow .24s ease,padding .24s ease;width:100%;z-index:99}.nav-parent.on-top{background:#0000;box-shadow:none}.nav-parent.scrolled{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#e9f2ea80;box-shadow:0 5px 16px #121c2814}.nav-shell{align-items:center;background:linear-gradient(155deg,#ffffffd1,#f6faf4d6);border:1px solid #ffffffb3;border-radius:999px;box-shadow:0 6px 16px #121c2812;display:flex;justify-content:space-between;padding:.34rem .4rem .34rem .52rem;width:min(1120px,calc(100% - 1.2rem))}.nav-parent.on-top .nav-shell{background:#ffffffb8;box-shadow:0 5px 14px #121c280d}.nav-brand{align-items:center;cursor:pointer;display:flex;gap:.65rem;min-width:0}.nav-logo{border-radius:10px;box-shadow:0 5px 12px #121c2826;height:2.15rem;width:2.15rem}.nav-brand-title{color:#1f2d3d;font-size:1rem;letter-spacing:.01em;line-height:1.2;margin:0}.nav-links{justify-content:flex-end;margin-left:auto}.nav-links,.nav-list{align-items:center;display:flex}.nav-list{background:#0000;border:0;gap:.3rem;margin:0;padding:0}.nav-item,.nav-item-selected{border-radius:999px;list-style-type:none;overflow:hidden}.nav-link{align-items:center;border:1px solid #0000;border-radius:999px;color:#405062;display:flex;font-size:.9rem;font-weight:700;justify-content:center;line-height:1;padding:.58rem 1rem;text-decoration:none;transition:color .2s ease,background .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:auto}.nav-item .nav-link:hover{background:#80d43e29;border-color:#5cad1c42;box-shadow:0 6px 14px #5cad1c33;color:#1f2f3f;transform:translateY(-1px)}.nav-item-selected .nav-link{background:linear-gradient(160deg,#80d43e3d,#80d43e6b);border:1px solid #5cad1c5c;box-shadow:0 7px 14px #5cad1c38;color:#16301f}.nav-toggle{cursor:pointer;display:none}.nav-menu{z-index:100}.nav-menu-backdrop,.nav-menu-mobile{display:none}.nav-menu-button{border-radius:999px;box-shadow:0 8px 20px #121c2829;height:3em;min-width:3em;width:3em}@media screen and (max-width:1150px){.nav-parent{padding:.42rem 0 .28rem}.nav-shell{border-radius:16px;padding:.35rem .35rem .35rem .45rem;width:calc(100% - .8rem)}.nav-brand-title{font-size:.98rem}.nav-list{align-items:stretch;background:#0000;border:0;flex-direction:column;gap:.2rem;margin-top:4.1rem;padding:1rem}.nav-toggle{display:block}.nav-menu-desktop{display:none}.nav-menu-backdrop{background:#0f191252;border:0;display:block;inset:0;margin:0;opacity:0;padding:0;position:fixed;transition:opacity .28s ease;z-index:130}.nav-menu-mobile{background:linear-gradient(180deg,#88d94a,#6fbc33);box-shadow:0 0 45px 30px #00000040;display:block;height:100dvh;margin-top:0;max-width:400px;min-width:200px;opacity:.96;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .28s cubic-bezier(.62,0,.2,.99),opacity .28s ease;width:70%;will-change:transform,opacity;z-index:131}.nav-menu-backdrop.is-open{opacity:1}.nav-menu-mobile.is-open{opacity:1;transform:translateX(0)}.nav-item,.nav-item-selected{padding:0;width:100%}.nav-item .nav-link,.nav-item-selected .nav-link{border-radius:10px;color:#fff;font-size:1.05rem;padding:.78rem .92rem;width:100%}.nav-item-selected{background-color:initial}.nav-item-selected .nav-link{background-color:#00000029;box-shadow:none;color:#fff}}@media screen and (min-width:1150px){.nav-link.nav{color:#405062}.nav-toggle{display:none}}.hide{display:none}
/*# sourceMappingURL=main.0edefd84.css.map*/