:root{font-family:Inter,system-ui,sans-serif;color:#e9eef5;background:#0b1016;--panel:#141b24;--line:#26313e;--muted:#8f9baa;--ok:#79d49b}*{box-sizing:border-box}body{margin:0;background:#0b1016}header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:20px}.brand span{font-weight:500;color:var(--muted)}.layout{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 64px)}nav{padding:16px 10px;border-right:1px solid var(--line)}nav button{display:block;width:100%;padding:11px 12px;margin:3px 0;text-align:left;border:1px solid transparent;border-radius:10px;background:transparent;color:#aeb8c5}nav button.active{background:#1b2531;color:white;border-color:#304052}main{padding:24px;max-width:1300px}.page{display:none}.page.active{display:block}h1{margin:0 0 5px}.lead{color:var(--muted);margin:0 0 20px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:15px;padding:17px}.metric small{display:block;color:var(--muted)}.metric strong{display:block;font-size:25px;margin-top:6px}.empty{color:var(--muted)}.ok{color:var(--ok)}@media(max-width:720px){.layout{grid-template-columns:1fr}nav{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--line);padding:8px}nav button{width:auto;white-space:nowrap}main{padding:16px}}.hidden{display:none!important}.login-view{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(390px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px}.login-card h1{margin:28px 0 18px}.login-card input{width:100%;padding:13px;margin:6px 0;border:1px solid var(--line);border-radius:10px;background:#0d131a;color:white}.login-card button{width:100%;padding:13px;margin-top:12px;border:0;border-radius:10px;font-weight:700}.error{color:#ff8585}.card input{padding:10px;border:1px solid var(--line);border-radius:9px;background:#0d131a;color:white;margin:4px}.card button{padding:9px 12px;border:1px solid var(--line);border-radius:9px}.user-row{display:grid;grid-template-columns:minmax(180px,1fr) 2fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.user-row small{display:block;color:var(--muted)}.tag{display:inline-block;padding:3px 7px;border:1px solid var(--line);border-radius:99px;font-size:11px;margin:2px}@media(max-width:720px){.user-row{grid-template-columns:1fr}}.heat-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:14px}.heat-card:first-child{grid-column:1/-1}.heat-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.heat-card small{display:block;color:var(--muted)}.heat-card strong{display:block;font-size:28px;margin-top:6px}.state-pill{padding:6px 10px;border:1px solid var(--line);border-radius:99px;color:var(--muted);font-size:12px}.temp-setting,.eco-setting label{display:flex;justify-content:space-between;align-items:center;margin:24px 0 14px}.temp-setting input,.eco-setting input{width:75px;font-size:18px;text-align:center}.mode-switch{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:7px;margin-top:14px}.mode-switch button{background:#0d131a;color:#aeb8c5}.mode-switch button.active{background:#eef1f4;color:#111;font-weight:700}.eco-setting{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.simple{display:flex;justify-content:space-between;align-items:center;gap:20px}.simple .mode-switch{min-width:180px;margin:0}.connection-note{margin-top:16px}@media(max-width:720px){.heat-grid{grid-template-columns:1fr}.simple{display:block}.simple .mode-switch{margin-top:14px}}.mobile-menu,.nav-backdrop{display:none}@media(max-width:720px){#portalView>.layout{display:block}#portalView>.layout>nav{display:block;position:fixed;left:0;top:0;bottom:0;width:min(300px,84vw);padding:72px 14px 18px;background:#0b1016;border-right:1px solid var(--line);transform:translateX(-105%);transition:transform .2s ease;z-index:40;overflow-y:auto}body.nav-open #portalView>.layout>nav{transform:translateX(0)}#portalView>.layout>nav button{display:block;width:100%;text-align:left;padding:12px;margin:3px 0}.mobile-menu{display:block;position:fixed;left:10px;top:max(10px,env(safe-area-inset-top));z-index:41;width:44px;height:44px;border:1px solid #304052;border-radius:10px;background:#141b24;color:#fff;font-size:22px;box-shadow:0 4px 18px #0006}.nav-backdrop{display:block;position:fixed;inset:0;background:#02070cb8;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:39}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}#portalView>header{padding-left:66px}#portalView main{padding-top:20px}}.user-box{display:flex;align-items:center;gap:10px}.user-box button{padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:#dbe3ec;cursor:pointer}@media(max-width:720px){.user-box{gap:6px}.user-box #user{display:none}.user-box button{font-size:12px;padding:7px 9px}}