@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#202b24;background:#f5f6f1;font-synthesis:none;text-rendering:optimizeLegibility;font-smooth:always;font-optical-sizing:auto;font-weight:400}*{box-sizing:border-box}body{margin:0;min-width:320px}.shell{max-width:1160px;margin:0 auto;padding:0 42px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9e1}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#203b2d;font:800 20px Manrope,sans-serif;letter-spacing:-.8px}.brand>span:last-child>span{color:#77907c}.brand-mark{width:34px;height:34px;border-radius:11px;background:#244a35;color:#f5f6f1;display:grid;place-items:center}.top-actions{display:flex;align-items:center;gap:18px}.site-label{font-size:12px;color:#657368;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%;background:#d39a45;box-shadow:0 0 0 3px #f3e8d5}.avatar{width:34px;height:34px;border:1px solid #dfe5dc;border-radius:50%;background:#e6eee5;color:#31553c;font-weight:700}.welcome{padding:48px 0 32px;display:flex;align-items:flex-end;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:1.45px;font-weight:700;color:#829083;margin:0 0 10px}.eyebrow span{padding:0 5px;color:#c0c8bf}.welcome h1{font:700 38px/1.13 Manrope,sans-serif;letter-spacing:-1.8px;margin:0;color:#203b2d}.subheading{margin:12px 0 0;color:#78847a;font-size:13px}.date-pill,.muted-tag{border:1px solid #e3e8e0;background:#fbfcf9;border-radius:30px;padding:9px 13px;color:#738076;font-size:11px;display:flex;align-items:center;gap:7px}.connection-card{display:flex;align-items:flex-start;gap:16px;padding:19px 20px;background:#fff;border:1px solid #e8ece5;border-radius:15px;box-shadow:0 4px 16px #253c2a08}.connection-icon{width:42px;height:42px;border-radius:12px;background:#edf3ed;color:#456a4e;display:grid;place-items:center;flex-shrink:0}.connection-copy{flex:1;min-width:0}.connection-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.connection-heading h2{font:700 14px Manrope,sans-serif;margin:1px 0;color:#273b2e}.pill{font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;border-radius:20px;padding:5px 8px}.pill.pending{background:#fbf1df;color:#a8752f}.pill.good{background:#e7f2e8;color:#46744d}.connection-copy>p{font-size:11px;color:#839087;margin:6px 0 10px}.connection-meta{display:flex;gap:19px;flex-wrap:wrap;font-size:10px;color:#59685c}.meta-key{color:#9ba69c;margin-right:4px}.icon-button{border:1px solid #e5eae3;background:#fbfcf9;color:#66796a;border-radius:9px;width:34px;height:34px;display:grid;place-items:center;cursor:pointer}.icon-button:disabled{opacity:.5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:35px 0 14px}.section-heading h2,.panel-heading h2{font:700 20px Manrope,sans-serif;letter-spacing:-.6px;margin:0;color:#273b2e}.section-heading .eyebrow,.panel-heading .eyebrow{margin-bottom:5px}.muted-tag{font-size:10px;padding:7px 11px}.power-grid{display:grid;grid-template-columns:.85fr 2fr;gap:14px}.battery-card{background:#254a35;color:#f4f6f0;border-radius:15px;padding:21px 22px;min-height:222px;position:relative;overflow:hidden}.battery-card:after{content:"";position:absolute;width:190px;height:190px;border:1px solid #ffffff12;border-radius:50%;right:-75px;bottom:-115px;box-shadow:0 0 0 22px #ffffff08,0 0 0 44px #ffffff05}.battery-top{display:flex;justify-content:space-between;color:#b5cbb8}.mini-label{font-size:9px;letter-spacing:1.3px;font-weight:700}.battery-reading{font:700 48px Manrope,sans-serif;letter-spacing:-2px;margin-top:18px}.battery-reading small{font-size:18px;margin-left:4px;color:#b5cbb8}.battery-caption{font-size:11px;color:#bdcdbf;margin:0 0 17px}.battery-track{height:5px;background:#ffffff26;border-radius:8px;overflow:hidden}.battery-track span{display:block;width:0;height:100%;background:#d5e5c8}.battery-foot{display:flex;justify-content:space-between;margin-top:17px;font-size:10px;color:#b5cbb8}.battery-foot strong{color:#f4f6f0;font-weight:600}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.metric-card{background:#fff;border:1px solid #e8ece5;border-radius:14px;padding:15px 17px;min-height:104px}.metric-icon{width:29px;height:29px;border-radius:9px;display:grid;place-items:center}.metric-icon.gold{background:#fbf3df;color:#c39239}.metric-icon.green{background:#eaf2e9;color:#54815b}.metric-icon.blue{background:#eaf1f7;color:#6388a7}.metric-icon.violet{background:#f0edf8;color:#8773ae}.metric-card p{font-size:10px;color:#7f8b81;margin:9px 0 3px}.metric-reading{font:700 20px Manrope,sans-serif;color:#2c4032}.metric-reading small{font:500 10px DM Sans;color:#89958b;margin-left:4px}.metric-foot{font-size:9px;color:#a5afa5}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.panel{background:#fff;border:1px solid #e8ece5;border-radius:15px;padding:20px}.panel-heading{display:flex;align-items:center;justify-content:space-between}.panel-heading h2{font-size:17px}.period{font-size:10px;color:#7b897d;display:flex;align-items:center;gap:5px;border:1px solid #edf0eb;padding:6px 9px;border-radius:8px}.empty-chart{height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 30px}.chart-icon{width:39px;height:39px;border-radius:12px;background:#f0f4ee;color:#77927a;display:grid;place-items:center;margin-bottom:10px}.empty-chart strong{font:600 12px Manrope;color:#526456}.empty-chart span{font-size:10px;line-height:1.6;color:#98a398;max-width:290px;margin-top:5px}.settings-panel>svg{color:#78907c}.setting-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #f0f2ee}.setting-icon{width:31px;height:31px;border-radius:9px;background:#f1f4ef;color:#67806b;display:grid;place-items:center;flex-shrink:0}.setting-row>div{flex:1;min-width:0}.setting-row strong,.setting-row small{display:block}.setting-row strong{font-size:11px;color:#4b5b4e;font-weight:600}.setting-row small{font-size:9px;color:#a0aaa0;margin-top:3px}.locked{font-size:9px;color:#a1a99f;background:#f5f6f3;padding:5px 7px;border-radius:6px;white-space:nowrap}.settings-note{display:flex;gap:8px;align-items:flex-start;margin-top:13px;color:#8c9a8d;font-size:9px;line-height:1.5}.settings-note svg{flex-shrink:0;color:#79947c}footer{display:flex;align-items:center;justify-content:space-between;padding:27px 0 32px;color:#9aa59b;font-size:10px}footer>span,footer>a{display:flex;align-items:center;gap:6px;color:#89978b;text-decoration:none}.footer-brand{display:flex;align-items:center;gap:7px;font:700 12px Manrope;color:#617464}.brand-mark.small{width:22px;height:22px;border-radius:7px}.error-text{color:#a94f43!important}.mobile-break{display:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:760px){.shell{padding:0 19px}.topbar{height:68px}.welcome{padding:35px 0 24px;align-items:flex-start;gap:12px;flex-direction:column}.welcome h1{font-size:34px}.mobile-break{display:block}.date-pill{font-size:10px}.connection-card{padding:15px;gap:11px}.connection-icon{width:36px;height:36px}.connection-meta{gap:8px 14px}.section-heading{margin-top:28px}.power-grid{grid-template-columns:1fr}.battery-card{min-height:195px}.metric-grid{gap:10px}.metric-card{padding:13px;min-height:104px}.lower-grid{grid-template-columns:1fr}.panel{padding:17px}.empty-chart{height:150px}footer{gap:12px;flex-wrap:wrap;padding-bottom:24px}footer>span{display:none}}@media (min-width:761px) and (max-width:950px){.shell{padding:0 25px}.power-grid{grid-template-columns:.8fr 1.6fr}.lower-grid{grid-template-columns:1fr}.battery-card{min-height:220px}}.connect-panel{margin-top:18px;background:#fff;border:1px solid #e8ece5;border-radius:15px;padding:21px;box-shadow:0 4px 16px #253c2a08}.connect-shield{width:36px;height:36px;border-radius:10px;background:#edf3ed;color:#456a4e;display:grid;place-items:center}.connect-intro{font-size:11px;line-height:1.6;color:#839087;margin:10px 0 16px;max-width:620px}.connect-form{display:grid;grid-template-columns:1fr;gap:8px;max-width:520px}.connect-form label{font-size:10px;font-weight:700;color:#56675a;margin-top:5px}.connect-form input{width:100%;height:42px;border:1px solid #e1e8df;border-radius:9px;padding:0 12px;background:#fbfcfa;color:#293b2e;font:12px DM Sans,sans-serif;outline:none}.connect-form input:focus{border-color:#729477;box-shadow:0 0 0 3px #eaf2e9}.connect-button{margin-top:8px;min-height:43px;border:0;border-radius:9px;background:#254a35;color:#fff;font:600 12px DM Sans,sans-serif;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.connect-button:disabled{opacity:.55;cursor:not-allowed}.connect-result{margin-top:15px;padding:13px 15px;border-radius:10px;font-size:11px;line-height:1.55}.connect-result strong{font:700 12px Manrope,sans-serif}.connect-result p{margin:5px 0 0}.connect-result ul{margin:8px 0 0;padding-left:18px}.connect-result.success{background:#edf5ed;color:#365d3d;border:1px solid #dcebdd}.connect-result.failure{background:#fbf0ed;color:#985044;border:1px solid #f1dfda}.security-note{display:flex;gap:8px;align-items:flex-start;margin-top:15px;color:#849286;font-size:9px;line-height:1.55;max-width:680px}.security-note svg{flex-shrink:0;color:#78947c}@media (max-width:760px){.connect-panel{padding:17px}.connect-form{max-width:none}.connect-button{min-height:46px}}.save-button{background:#edf3ed;color:#31583a;border:1px solid #dce8dc}.save-button:hover{background:#e3eee3}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 14px;flex-wrap:wrap}.history-tabs{display:flex;gap:4px;background:#f1f4ef;padding:4px;border-radius:9px}.history-tabs button{border:0;background:transparent;color:#7e8b80;padding:7px 13px;border-radius:7px;font:600 10px DM Sans,sans-serif;cursor:pointer}.history-tabs button.active{background:#fff;color:#31583a;box-shadow:0 1px 4px #203b2d12}.history-caption{font-size:9px;color:#98a398}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:15px}.history-summary>div{background:#f8faf6;border:1px solid #edf1eb;border-radius:9px;padding:10px}.history-summary span{display:block;color:#879387;font-size:9px;margin-bottom:5px}.history-summary strong{font:700 17px Manrope,sans-serif;color:#2d4935}.history-summary small{font:500 9px DM Sans;color:#8d9a8e}.history-chart{height:180px;display:flex;align-items:stretch;gap:5px;padding:10px 2px 0;overflow:hidden}.history-chart.hourly{height:180px;overflow-x:auto;justify-content:flex-start}.history-bar{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:7px}.history-chart.hourly .history-bar{min-width:24px}.bar-track{height:140px;width:100%;max-width:24px;border-radius:5px 5px 2px 2px;background:#eff3ed;display:flex;align-items:flex-end;overflow:hidden}.bar-track span{display:block;width:100%;min-height:3px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#8eaf83,#3f7049)}.history-bar small{font-size:8px;color:#98a398;white-space:nowrap}.history-footnote{font-size:9px;line-height:1.5;color:#9aa59b;margin-top:12px}.unlock-panel{border-color:#dfe9dd}@media (max-width:520px){.history-summary{gap:6px}.history-summary>div{padding:8px 7px}.history-summary strong{font-size:14px}.history-summary span{font-size:8px}.history-caption{width:100%}.history-chart{gap:3px}}