:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17211c;background:#f3f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.portal-loading{height:100vh;display:grid;place-items:center;color:#607168;letter-spacing:.16em}.portal-login{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 25% 12%,#dcebdd,#f4f6f3 45%,#eef1ee)}.portal-login-card{width:min(430px,100%);padding:38px;border:1px solid #dbe3dc;border-radius:20px;background:#fff;box-shadow:0 30px 90px #1834241c}.portal-brand{display:flex;align-items:center;gap:10px}.portal-brand span{width:35px;height:35px;border-radius:10px;background:#173b2a;color:#c9f0ab;display:grid;place-items:center}.portal-brand b{font-size:19px;letter-spacing:-.04em}.portal-login-card>small,.portal-shell small,.portal-modal>form>small{display:block;margin-top:31px;color:#85928a;font-size:9px;font-weight:800;letter-spacing:.16em}.portal-login h1{margin:7px 0;font-size:30px;letter-spacing:-.045em}.portal-login p,.portal-modal p{color:#718078;font-size:12px;line-height:1.6}.portal-login form label,.portal-modal label,.preference-card label{display:grid;gap:7px;margin-top:19px;color:#536158;font-size:10px;font-weight:700}.portal-login input,.portal-modal input,.portal-modal select,.preference-card select{width:100%;height:46px;padding:0 13px;border:1px solid #d9e1da;border-radius:10px;background:#fff;outline:0}.portal-login input{font-size:19px;letter-spacing:.14em;text-align:center}.portal-login input:focus,.portal-modal input:focus,.portal-modal select:focus,.preference-card select:focus{border-color:#4d8c6b;box-shadow:0 0 0 3px #4d8c6b17}.portal-login form>button,.submit-profile,.profile-ready>a{width:100%;margin-top:14px;padding:13px;border:0;border-radius:10px;background:#1e7049;color:#fff;font-size:12px;font-weight:750;text-decoration:none;text-align:center}.portal-login button:disabled,.submit-profile:disabled{opacity:.55}.portal-login footer{margin-top:22px;color:#909991;font-size:9px;text-align:center}.portal-error{padding:11px 13px;margin:13px 0;border-radius:9px;background:#ffebe6;color:#a64c3b;font-size:10px}.portal-shell>header{height:72px;padding:0 max(24px,calc((100vw - 1180px)/2));border-bottom:1px solid #dde4de;background:#fafbf9;display:flex;align-items:center;justify-content:space-between}.portal-shell>header>div:last-child{display:flex;align-items:center;gap:15px;color:#546259;font-size:11px}.portal-shell>header button,.portal-devices button{border:0;background:transparent;color:#68776e;font-size:10px}.portal-shell>main{max-width:1180px;margin:auto;padding:34px 24px 60px}.portal-welcome{padding:31px;border-radius:18px;background:linear-gradient(125deg,#e0f0df,#edf6e9);display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.portal-welcome:after{content:"";position:absolute;width:300px;height:300px;right:-80px;top:-155px;border:1px solid #a6cda9;border-radius:50%;box-shadow:0 0 0 52px #b9daba32,0 0 0 105px #c8e3c936}.portal-welcome>div,.portal-welcome>button{position:relative;z-index:1}.portal-welcome small{margin:0;color:#66806e}.portal-welcome h1{margin:8px 0 5px;font-size:30px;letter-spacing:-.05em}.portal-welcome p{margin:0;color:#68776f;font-size:12px}.portal-welcome>button,.section-title>button{padding:12px 16px;border:0;border-radius:10px;background:#1e7049;color:#fff;font-size:11px;font-weight:750}.portal-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:15px;margin-top:15px}.usage-card,.preference-card,.devices-card{padding:23px;border:1px solid #dfe5e0;border-radius:15px;background:#fff}.card-title,.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}.usage-card small,.preference-card>small,.devices-card small{margin:0}.usage-card h2,.preference-card h2,.devices-card h2{margin:6px 0 0;font-size:22px;letter-spacing:-.035em}.mode-switch{display:flex;padding:3px;border-radius:9px;background:#f0f3f0}.mode-switch button{padding:7px 9px;border:0;border-radius:7px;background:transparent;color:#718078;font-size:9px}.mode-switch button.active{background:#fff;color:#286f4b;box-shadow:0 2px 8px #1c352318}.portal-chart{height:145px;margin-top:22px;border-bottom:1px solid #e0e6e1;display:flex;align-items:end;gap:4px}.portal-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px}.portal-chart i{width:100%;max-width:18px;min-height:1px;border-radius:4px 4px 1px 1px;background:linear-gradient(#7fc094,#2e7a52)}.portal-chart small{height:12px;color:#919b95;font-size:7px}.usage-card footer{padding-top:15px;display:flex;gap:19px;flex-wrap:wrap;color:#7a8780;font-size:9px}.usage-card footer b{display:block;margin-top:3px;color:#34493c;font-size:11px}.preference-card p{color:#718078;font-size:11px;line-height:1.65}.preference-status{margin-top:17px;padding:10px;border-radius:9px;background:#edf6ed;color:#4d6c59;font-size:9px}.preference-status i{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#48b675}.devices-card{margin-top:15px}.portal-empty{padding:42px;text-align:center;color:#839087;font-size:11px}.portal-devices{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;margin-top:12px}.portal-devices article{padding:14px 0;border-top:1px solid #e9eeea;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px}.portal-devices article>span{width:34px;height:34px;border-radius:9px;background:#e8f4ea;color:#2c7950;display:grid;place-items:center}.portal-devices article>div{display:grid}.portal-devices b{font-size:11px}.portal-devices small{margin-top:3px;color:#86918a;font-size:8px}.portal-devices em{color:#ad5b4b;font-size:9px;font-style:normal}.portal-backdrop{position:fixed;inset:0;z-index:50;padding:20px;background:#102019ad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.portal-modal{position:relative;width:min(500px,100%);max-height:calc(100vh - 40px);overflow:auto;padding:30px;border-radius:18px;background:#fff;box-shadow:0 30px 90px #06130b66}.modal-close{position:absolute;top:14px;right:17px;border:0;background:transparent;color:#718078;font-size:24px}.portal-modal>form>small{margin:0}.portal-modal h2{margin:7px 0;font-size:25px}.profile-ready{text-align:center}.profile-ready>span{width:52px;height:52px;margin:auto;border-radius:50%;background:#e2f3e5;color:#287950;display:grid;place-items:center;font-size:22px}.profile-ready>a{display:block}.profile-ready>button{width:100%;margin-top:8px;padding:11px;border:1px solid #dce4dd;border-radius:10px;background:#fff;color:#4e6758;font-weight:700}.install-steps{margin-top:22px;padding:17px;border-radius:11px;background:#f2f6f2;text-align:left}.install-steps h3{margin:0 0 8px;font-size:13px}.install-steps ol{margin:0;padding-left:19px;color:#627168;font-size:10px;line-height:1.8}.install-steps p{margin:0}@media(max-width:820px){.portal-grid{grid-template-columns:1fr}.portal-welcome{align-items:flex-start;flex-direction:column;gap:22px}.portal-devices{grid-template-columns:1fr}}@media(max-width:560px){.portal-shell>header{padding:0 16px}.portal-shell>header>div:last-child>span{display:none}.portal-shell>main{padding:20px 14px 45px}.portal-welcome{padding:23px}.portal-welcome h1{font-size:25px}.usage-card,.preference-card,.devices-card{padding:18px}.card-title{display:block}.mode-switch{width:max-content;margin-top:13px}.portal-login-card{padding:29px}.section-title{align-items:center}.portal-chart{gap:2px}}