:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f8fb;background:#06111c;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:#06111c}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 18%,rgba(38,93,146,.14),transparent 34%),radial-gradient(circle at 80% 40%,rgba(44,67,108,.11),transparent 30%),linear-gradient(180deg,#07121f,#040b12);color:#f4f7fb}button{font:inherit}.app-shell{min-height:100vh}.topbar{height:78px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid rgba(255,255,255,.07);background:#040c15c4;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:13px;min-width:265px;font-size:22px;font-weight:700}.brand-icon{width:42px;height:42px;display:grid;place-items:center;color:#3c98ff;font-size:38px;line-height:1}.nav{flex:1;display:flex;justify-content:center;gap:10px}.nav button{border:0;outline:0;color:#bec8d5;padding:13px 20px;border-radius:12px;background:transparent;cursor:pointer;transition:.2s ease}.nav button:hover{color:#fff;background:#ffffff09}.nav button.nav-active{color:#fff;background:linear-gradient(180deg,#1676ef,#0d5fcc);box-shadow:0 7px 25px #0f6be440}.system-status{min-width:135px;display:flex;justify-content:flex-end;align-items:center;gap:10px;text-align:right}.system-status strong,.system-status small{display:block}.system-status small{margin-top:2px;color:#8090a2}.status-dot{width:9px;height:9px;border-radius:50%;background:#5e6874;box-shadow:0 0 10px #5e687499}.status-dot.online{background:#34dc8b;box-shadow:0 0 12px #34dc8bbf}main{max-width:1550px;margin:0 auto;padding:28px 28px 45px}.hero-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:8px;padding:0 8px}.hero-head h1,.secondary-hero h1{margin:4px 0 2px;font-size:30px;letter-spacing:-.5px}.hero-head p,.secondary-hero p{margin:0;color:#7f8b9c}.eyebrow{color:#398fff;font-size:12px;font-weight:700;letter-spacing:1.8px}.update-chip{color:#8d9aab;padding:8px 13px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#ffffff06;font-size:12px}.energy-stage{position:relative;height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.045);border-radius:22px;background:radial-gradient(circle at 50% 55%,rgba(32,76,113,.21),transparent 32%),linear-gradient(180deg,#0a1725d1,#040c14bf);box-shadow:inset 0 1px #ffffff06,0 24px 60px #0000001f}.energy-stage:after{content:"";position:absolute;left:0;right:0;bottom:0;height:110px;pointer-events:none;background:linear-gradient(0deg,#040b11,transparent)}.flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.flow-path{fill:none;stroke-width:4;stroke-linecap:round;stroke-dasharray:4 12;opacity:.88}.flow-path.active{animation:flow var(--flow-duration, 1.8s) linear infinite;filter:drop-shadow(0 0 3px currentColor)}.flow-path.reverse{animation-direction:reverse}.flow-path.pv{stroke:#f5c344;color:#f5c344}.flow-path.battery{stroke:#35dc88;color:#35dc88}.flow-path.grid{stroke:#a77cff;color:#a77cff}.flow-path.heat{stroke:#ff6c63;color:#ff6c63}.flow-path.inactive{stroke:#566270;opacity:.28}.flow-path.battery.active{filter:drop-shadow(0 0 4px rgba(53,220,136,.55))}@keyframes flow{to{stroke-dashoffset:-32}}.energy-node{position:absolute;display:flex;align-items:center;gap:8px;z-index:4}.energy-node small,.house-value small{display:block;margin-bottom:5px;color:#d8dee8;font-size:16px;font-weight:600}.energy-node strong{display:block;font-size:31px;line-height:1.1;letter-spacing:-.6px}.node-status{display:inline-block;margin-top:9px;color:#8f9aaa;font-size:13px}.battery-soc{display:block;margin-top:6px;color:#41e893;font-size:19px;font-weight:700}.illustration{width:145px;height:125px;filter:drop-shadow(0 16px 18px rgba(0,0,0,.28))}.battery-svg{width:120px;height:150px}.pv-node{left:3%;top:9%}.battery-node{left:4%;bottom:7%}.grid-node{right:4%;top:9%}.heat-node{right:3%;bottom:7%}.house-node{position:absolute;left:50%;top:40%;width:350px;transform:translate(-50%,-50%);z-index:5;text-align:center}.house-svg{width:300px;height:230px;filter:drop-shadow(0 25px 25px rgba(0,0,0,.5))}.house-value{margin-top:7px;position:relative;z-index:7}.house-value strong{display:block;font-size:36px;line-height:1.05}.house-value span{color:#778697;font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}.glass-card{min-height:330px;position:relative;padding:24px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#112233c7,#08131ed1);box-shadow:0 18px 45px #0000002b;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card-title{display:flex;align-items:center;gap:14px}.card-title small{color:#b8c3cf;font-size:15px}.card-title h2{margin:5px 0 0;font-size:29px;letter-spacing:-.5px}.card-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#ffffff0a;font-size:28px}.card-icon.solar{color:#ffcb42}.card-icon.battery{color:#38df8b}.card-icon.house{color:#ff925b}.card-icon.heat{color:#50aaff}.pill{position:absolute;right:22px;top:26px;padding:7px 13px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#bfc9d5;background:#ffffff0a;font-size:13px}.card-info,.metrics{margin-top:26px}.card-info>div,.metrics>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.055)}.card-info span,.metrics span,.soc-row span{color:#929eae}.card-info strong,.metrics strong{font-weight:600}.soc-row{display:flex;justify-content:space-between;margin-top:31px}.progress{height:11px;margin-top:11px;overflow:hidden;border-radius:20px;background:#1a2a3a}.progress div{height:100%;border-radius:inherit;background:linear-gradient(90deg,#2ddd82,#52e99d);box-shadow:0 0 15px #2ddd824d;transition:width .5s ease}.calibration-box,.calculation-box{margin-top:28px;padding:16px;border:1px solid rgba(69,151,255,.15);border-radius:13px;background:#2973cc12}.calibration-box strong,.calibration-box span,.calculation-box strong,.calculation-box span{display:block}.calibration-box strong,.calculation-box strong{margin-bottom:5px}.calibration-box span,.calculation-box span{color:#8996a5;font-size:13px;line-height:1.45}.battery-direction.discharging{color:#41e893}.battery-direction.charging{color:#55b7ff}.battery-direction.idle{color:#9aa7b7}.battery-direction.unknown{color:#7f8b9a}.status-line{margin-top:25px;display:flex;align-items:center;gap:9px;color:#9ca9b7}.mini-chart{position:absolute;left:22px;right:22px;bottom:25px;height:75px;opacity:.5;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);background-size:100% 25px,42px 100%;border-bottom:2px solid #2588ff}.secondary-page{min-height:calc(100vh - 150px)}.secondary-hero{padding:8px 8px 24px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-tile{min-height:145px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#112233c7,#08131ed1)}.metric-tile span,.metric-tile small{display:block;color:#8f9aaa}.metric-tile strong{display:block;margin:12px 0 8px;font-size:30px}.placeholder-panel{margin-top:18px;padding:22px;border:1px solid rgba(58,144,255,.15);border-radius:18px;background:#1e579714}.placeholder-panel p{margin:8px 0 0;color:#8f9aaa;line-height:1.55}.room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.room-card{min-height:240px;display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(145deg,#112233c7,#08131ed1)}.room-illustration{width:44%;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(53,136,229,.2),transparent 48%),linear-gradient(145deg,#0c1c2c,#07111b);color:#469dff;font-size:42px;font-weight:800}.hwr-illustration{background:radial-gradient(circle at 55% 35%,rgba(255,153,73,.18),transparent 38%),linear-gradient(145deg,#102233,#07111b);color:#ff9c58}.room-body{flex:1;padding:26px;display:flex;flex-direction:column;justify-content:center}.room-body small,.room-body span{color:#8f9aaa}.room-body strong{margin:10px 0;font-size:28px}.disabled-room{opacity:.72}.automation-grid{display:grid;gap:14px}.automation-card{display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:18px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:linear-gradient(145deg,#112233c7,#08131ed1)}.automation-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;background:#2986ff1a;color:#4a9cff;font-weight:800}.automation-card small,.automation-card strong,.automation-card span{display:block}.automation-card small,.automation-card span{color:#8f9aaa}.automation-card strong{margin:5px 0}.safe-badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(48,222,137,.16);background:#30de8912;color:#55e99c!important;font-size:11px;font-weight:700;letter-spacing:.5px}@media(max-width:1150px){.brand{min-width:auto}.brand span{display:none}.cards-grid,.metric-grid{grid-template-columns:repeat(2,1fr)}.energy-stage{height:500px}}@media(max-width:760px){.topbar{height:auto;padding:12px 14px;align-items:flex-start}.brand{display:none}.nav{justify-content:flex-start;overflow-x:auto}.nav button{padding:10px 13px;white-space:nowrap}.system-status{min-width:85px}main{padding:20px 13px 35px}.hero-head{align-items:flex-start}.update-chip{display:none}.energy-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px}.flow-lines{display:none}.energy-node,.house-node{position:relative;left:auto;top:auto;right:auto;bottom:auto;transform:none;width:auto}.energy-node{min-height:155px;padding:12px;align-items:center;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:#ffffff06}.energy-node .illustration{width:85px;height:90px}.energy-node strong{font-size:22px}.house-node{grid-column:1 / -1;padding:6px 0 22px}.house-svg{width:210px;height:165px}.house-value{margin-top:0}.cards-grid,.metric-grid,.room-grid{grid-template-columns:1fr}.glass-card{min-height:285px}.automation-card{grid-template-columns:54px 1fr}.safe-badge{grid-column:2;justify-self:start}}@media(max-width:470px){.energy-stage{grid-template-columns:1fr}.house-node{grid-column:auto}.room-card{flex-direction:column}.room-illustration{width:100%;min-height:120px}}.split-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:22px}.live-rate-badge{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#ffffff06}.live-rate-badge strong,.live-rate-badge small{display:block}.live-rate-badge strong{font-size:13px}.live-rate-badge small{margin-top:2px;color:#7f8b9c;font-size:11px}.heating-metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.metric-tile{position:relative;overflow:hidden}.metric-tile:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#ffffff0f}.metric-tile.accent-blue:after{background:#4aa7ff}.metric-tile.accent-orange:after{background:#ff9e59}.metric-tile.accent-red:after{background:#ff695f}.metric-tile.accent-cyan:after{background:#4ab9ff}.metric-tile.accent-yellow:after{background:#ffc75a}.heating-circuit-card{margin-top:16px;padding:22px;border:1px solid rgba(255,255,255,.07);border-radius:22px;background:radial-gradient(circle at 50% 42%,rgba(45,99,154,.16),transparent 40%),linear-gradient(145deg,#112233c7,#08131ed6);box-shadow:0 20px 55px #00000029}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.panel-heading h2{margin:3px 0 0;font-size:24px}.mode-chip{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);font-size:12px;font-weight:700}.mode-chip.heating{color:#63b8ff;background:#368fe817;border-color:#368fe82e}.mode-chip.dhw{color:#ffc16b;background:#ffa94517;border-color:#ffa9452e}.heating-circuit{width:100%;height:auto;margin-top:8px;display:block}.circuit-label{fill:#9cabbc;font-size:15px;font-weight:600}.circuit-value{fill:#f4f7fb;font-size:17px;font-weight:700}.circuit-temp{fill:#ff8175;font-size:13px;font-weight:700}.circuit-temp.muted{fill:#63b9ff}.hydraulic-line{fill:none;stroke-width:7;stroke-linecap:round;stroke-dasharray:8 15;opacity:.35}.hydraulic-line.flow{stroke:#ff6c63}.hydraulic-line.return{stroke:#4cb4ff}.hydraulic-line.dhw{stroke:#ffb254}.hydraulic-line.dhw-return{stroke:#6c9fc7}.hydraulic-line.active{opacity:.92;animation:hydraulicFlow 1.45s linear infinite;filter:url(#softGlow)}.hydraulic-line.reverse{animation-direction:reverse}.hydraulic-line.inactive{opacity:.12}@keyframes hydraulicFlow{to{stroke-dashoffset:-46}}.circuit-status-row{display:flex;gap:22px;flex-wrap:wrap;padding:10px 4px 0;color:#9ca8b7;font-size:13px}.circuit-status-row span{display:flex;align-items:center;gap:8px}.circuit-status-row i{display:inline-block}.history-section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin:28px 6px 12px}.history-section-head h2{margin:3px 0 0;font-size:24px}.history-status{color:#7f8b9c;font-size:12px}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.history-card{min-height:300px;padding:20px;border:1px solid rgba(255,255,255,.07);border-radius:19px;background:linear-gradient(145deg,#112233c7,#08131ed6)}.chart-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.chart-heading small{color:#8090a2}.chart-heading h3{margin:5px 0 0;font-size:20px}.chart-range{text-align:right}.chart-range strong,.chart-range span{display:block}.chart-range strong{font-size:17px}.chart-range span{margin-top:2px;color:#748293;font-size:10px;text-transform:uppercase;letter-spacing:1px}.history-chart-wrap{height:180px;margin-top:18px}.history-chart{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:#ffffff0f;stroke-width:.35;vector-effect:non-scaling-stroke}.history-line{fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px currentColor)}.history-line.series-flow{stroke:#ff6c63;color:#ff6c63}.history-line.series-return{stroke:#49b3ff;color:#49b3ff}.history-line.series-hotwater{stroke:#ffc358;color:#ffc358}.history-line.series-power{stroke:#7c9dff;color:#7c9dff}.chart-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:8px;color:#6f7e8f;font-size:10px}.chart-legend{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.chart-legend span{display:flex;align-items:center;gap:5px;color:#8c99aa}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.legend-dot.series-flow{background:#ff6c63}.legend-dot.series-return{background:#49b3ff}.legend-dot.series-hotwater{background:#ffc358}.legend-dot.series-power{background:#7c9dff}.chart-empty{min-height:205px;display:grid;place-items:center;color:#6f7e8f;font-size:13px;text-align:center}.heating-context-panel{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;margin-top:14px;overflow:hidden;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#ffffff0d}.heating-context-panel>div{padding:16px 18px;background:#0b1927;display:flex;justify-content:space-between;gap:10px}.heating-context-panel span{color:#8794a5}.heating-context-panel strong{font-weight:650}@media(max-width:1280px){.heating-metric-grid{grid-template-columns:repeat(3,1fr)}.history-grid{grid-template-columns:1fr 1fr}.history-card:last-child{grid-column:1 / -1}}@media(max-width:760px){.split-hero{align-items:flex-start}.live-rate-badge{display:none}.heating-metric-grid{grid-template-columns:1fr 1fr}.history-grid{grid-template-columns:1fr}.history-card:last-child{grid-column:auto}.heating-circuit-card{padding:15px}.heating-circuit{min-width:720px}.heating-circuit-card{overflow-x:auto}.heating-context-panel{grid-template-columns:1fr 1fr}}@media(max-width:470px){.heating-metric-grid,.heating-context-panel{grid-template-columns:1fr}}html,body,#root{min-height:100%}body{overscroll-behavior-y:none}.tablet-controls{display:flex;align-items:center;gap:8px;margin-right:14px}.install-pwa-button,.tablet-mode-button{min-height:38px;border:1px solid rgba(255,255,255,.08);border-radius:11px;padding:8px 12px;color:#aeb9c7;background:#ffffff09;cursor:pointer;transition:.18s ease;touch-action:manipulation}.install-pwa-button:hover,.tablet-mode-button:hover{color:#fff;background:#ffffff0f}.install-pwa-button{color:#72b6ff;border-color:#419aff2e;background:#2577d614}.tablet-mode-button{display:flex;align-items:center;gap:7px}.tablet-mode-button.active{color:#dbe8f6;border-color:#4498ff38;background:#2f7edc1a}.tablet-mode-button.awake{color:#52e99c;border-color:#34dc8b38;background:#2ab26f14}.tablet-button-icon{font-size:18px;line-height:1}.tablet-message{position:fixed;top:88px;right:18px;z-index:150;max-width:390px;display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid rgba(255,187,82,.2);border-radius:13px;background:#231c0ff0;box-shadow:0 14px 40px #00000057;color:#e9c77f;font-size:12px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.tablet-message button{border:0;background:transparent;color:#c8ad76;font-size:19px;cursor:pointer}body.hm-tablet-mode{min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}body.hm-tablet-mode .app-shell{min-height:100dvh}body.hm-tablet-mode button{touch-action:manipulation}@media(orientation:landscape)and (min-width:900px)and (max-height:950px){body.hm-tablet-mode .topbar{height:58px;padding:0 18px}body.hm-tablet-mode .brand{min-width:215px;font-size:18px}body.hm-tablet-mode .brand-icon{width:32px;height:32px;font-size:30px}body.hm-tablet-mode .nav{gap:4px}body.hm-tablet-mode .nav button{padding:9px 15px;border-radius:10px}body.hm-tablet-mode .system-status{min-width:96px}body.hm-tablet-mode .tablet-controls{margin-right:8px}body.hm-tablet-mode .install-pwa-button,body.hm-tablet-mode .tablet-mode-button{min-height:34px;padding:6px 9px;font-size:12px}body.hm-tablet-mode main{max-width:none;padding:11px 18px 15px}body.hm-tablet-mode .hero-head{margin-bottom:5px;padding:0 5px}body.hm-tablet-mode .hero-head h1,body.hm-tablet-mode .secondary-hero h1{font-size:24px;margin-top:2px}body.hm-tablet-mode .hero-head p,body.hm-tablet-mode .secondary-hero p{font-size:12px}body.hm-tablet-mode .update-chip{padding:6px 10px}body.hm-tablet-mode .energy-stage{height:clamp(320px,48dvh,410px);border-radius:18px}body.hm-tablet-mode .illustration{width:115px;height:100px}body.hm-tablet-mode .battery-svg{width:92px;height:118px}body.hm-tablet-mode .house-svg{width:230px;height:175px}body.hm-tablet-mode .house-node{width:270px}body.hm-tablet-mode .house-value{margin-top:-6px}body.hm-tablet-mode .house-value strong{font-size:29px}body.hm-tablet-mode .energy-node strong{font-size:25px}body.hm-tablet-mode .energy-node small,body.hm-tablet-mode .house-value small{font-size:13px}body.hm-tablet-mode .cards-grid{gap:11px;margin-top:11px}body.hm-tablet-mode .glass-card{min-height:225px;padding:17px;border-radius:15px}body.hm-tablet-mode .card-icon{width:35px;height:35px;font-size:23px}body.hm-tablet-mode .card-title h2{font-size:24px}body.hm-tablet-mode .card-info,body.hm-tablet-mode .metrics{margin-top:16px}body.hm-tablet-mode .card-info>div,body.hm-tablet-mode .metrics>div{padding:8px 0;font-size:12px}body.hm-tablet-mode .soc-row{margin-top:18px;font-size:12px}body.hm-tablet-mode .calculation-box{margin-top:17px;padding:11px}body.hm-tablet-mode .mini-chart{display:none}body.hm-tablet-mode .secondary-page{padding-bottom:10px}body.hm-tablet-mode .heating-metric-grid{gap:8px}body.hm-tablet-mode .metric-tile{padding:13px}body.hm-tablet-mode .metric-tile strong{margin:7px 0 4px;font-size:22px}body.hm-tablet-mode .heating-circuit-card{margin-top:10px;padding:15px}body.hm-tablet-mode .heating-circuit{max-height:285px}body.hm-tablet-mode .history-section-head{margin-top:17px}body.hm-tablet-mode .history-card{min-height:245px;padding:14px}body.hm-tablet-mode .history-chart-wrap{height:135px}}@media(orientation:landscape)and (min-width:900px)and (max-height:760px){body.hm-tablet-mode .topbar{height:52px}body.hm-tablet-mode .brand span{display:none}body.hm-tablet-mode .brand{min-width:48px}body.hm-tablet-mode main{padding-top:7px}body.hm-tablet-mode .hero-head p{display:none}body.hm-tablet-mode .energy-stage{height:clamp(280px,47dvh,340px)}body.hm-tablet-mode .glass-card{min-height:190px}body.hm-tablet-mode .card-info>div:nth-child(n+3),body.hm-tablet-mode .metrics>div:nth-child(n+5){display:none}}@media(max-width:1080px){.tablet-mode-button span:last-child{display:none}.tablet-mode-button{padding-inline:9px}}.pv-node-breakdown{display:block;margin-top:7px;color:#7f91a6;font-size:11px;white-space:nowrap}.pv-orientation-grid{display:grid;gap:10px;margin-top:22px}.pv-orientation-grid>div{display:grid;grid-template-columns:42px 1fr;grid-template-rows:auto 4px;align-items:center;gap:5px 10px}.pv-orientation-grid span{color:#8fa0b2;font-size:13px}.pv-orientation-grid strong{justify-self:end;font-size:14px}.pv-orientation-grid i{grid-column:1 / -1;display:block;height:4px;max-width:100%;border-radius:999px;background:linear-gradient(90deg,#ffca45,#ff8e45);box-shadow:0 0 10px #ffbe452e}.card-info.compact{margin-top:18px}@media(max-height:850px)and (orientation:landscape){.pv-orientation-grid{gap:6px;margin-top:14px}.pv-orientation-grid>div{grid-template-rows:auto 3px}}.auth-loading,.login-shell{min-height:100dvh;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 25% 20%,rgba(32,113,220,.17),transparent 28%),radial-gradient(circle at 80% 75%,rgba(41,207,138,.08),transparent 30%),linear-gradient(180deg,#07121f,#040b12)}.auth-loading{gap:12px;align-content:center;color:#8fa0b3}.auth-spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.08);border-top-color:#4099ff;border-radius:50%;animation:authSpin .8s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.login-glow{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(90px);opacity:.18;pointer-events:none}.login-glow-a{left:-120px;top:-130px;background:#147cff}.login-glow-b{right:-100px;bottom:-160px;background:#2edd8b}.login-card{width:min(430px,calc(100vw - 32px));padding:34px;position:relative;z-index:2;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:linear-gradient(145deg,#102132f0,#07111bf2);box-shadow:0 28px 80px #00000073,inset 0 1px #ffffff06;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.login-brand{display:flex;gap:16px;align-items:center}.login-home-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:17px;font-size:44px;line-height:1;color:#429cff;background:#318eff14;border:1px solid rgba(65,157,255,.13)}.login-brand span{color:#479dff;font-size:11px;font-weight:800;letter-spacing:1.7px}.login-brand h1{margin:3px 0 0;font-size:28px}.login-copy{margin:20px 0 24px;color:#8f9dad;line-height:1.55;font-size:13px}.login-field,.admin-field{display:grid;gap:7px;margin-bottom:15px}.login-field>span,.admin-field>span{color:#9aa8b9;font-size:12px;font-weight:600}.login-field input,.admin-field input,.admin-field select{width:100%;height:46px;padding:0 13px;border-radius:12px;border:1px solid rgba(255,255,255,.08);outline:0;color:#f4f7fb;background:#030b1285;font:inherit;transition:border-color .18s ease,box-shadow .18s ease}.login-field input:focus,.admin-field input:focus,.admin-field select:focus{border-color:#3e99ff85;box-shadow:0 0 0 3px #2e89ee1a}.admin-field select option{background:#0c1a28;color:#fff}.wall-panel-check{display:flex;gap:10px;align-items:flex-start;margin:2px 0 17px;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:12px;background:#ffffff05;cursor:pointer}.wall-panel-check input{margin-top:3px;accent-color:#2589f5}.wall-panel-check strong,.wall-panel-check small{display:block}.wall-panel-check strong{font-size:13px}.wall-panel-check small{margin-top:3px;color:#7f8d9e;font-size:11px}.login-submit,.primary-action{width:100%;height:46px;border:0;border-radius:12px;color:#fff;background:linear-gradient(180deg,#1778f2,#0b5fcf);box-shadow:0 10px 25px #0d67db38;font-weight:700;cursor:pointer}.login-submit:disabled{opacity:.55;cursor:wait}.login-error,.admin-message.error{margin:0 0 14px;padding:10px 12px;border:1px solid rgba(255,88,91,.18);border-radius:10px;color:#ff9698;background:#b12d3214;font-size:12px}.login-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;color:#617083;font-size:10px}.account-control{display:flex;align-items:center;gap:9px;margin-right:14px;padding-left:12px;border-left:1px solid rgba(255,255,255,.06)}.account-copy{text-align:right;min-width:86px}.account-copy strong,.account-copy small{display:block}.account-copy strong{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-copy small{margin-top:2px;color:#718195;font-size:9px}.logout-button{width:34px;height:34px;border:1px solid rgba(255,255,255,.07);border-radius:10px;color:#93a3b5;background:#ffffff06;cursor:pointer;font-size:18px}.logout-button:hover{color:#fff;border-color:#ffffff21;background:#ffffff0d}.admin-session-badge{min-width:180px;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.07);background:#ffffff06;text-align:right}.admin-session-badge span,.admin-session-badge strong,.admin-session-badge small{display:block}.admin-session-badge span,.admin-session-badge small{color:#7f8c9c;font-size:10px}.admin-session-badge strong{margin:3px 0}.users-layout{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(560px,1.75fr);gap:16px}.create-user-card,.users-list-card{min-height:0}.create-user-card .panel-heading,.users-list-card .panel-heading{margin-bottom:20px}.create-user-card .panel-heading h2,.users-list-card .panel-heading h2{margin:4px 0 0;font-size:22px}.admin-hint{margin:14px 0 0;color:#748395;font-size:11px;line-height:1.5}.user-count{min-width:31px;height:31px;display:grid;place-items:center;border-radius:10px;color:#7bb9ff;background:#2d83e817;border:1px solid rgba(64,150,248,.12);font-size:12px;font-weight:700}.admin-message{margin-bottom:12px;padding:10px 12px;border-radius:10px;font-size:12px}.admin-message.success{color:#71e6a8;background:#30cb8112;border:1px solid rgba(48,203,129,.15)}.users-loading{color:#78879a;padding:20px 0}.users-list{display:grid;gap:8px}.user-row{display:grid;grid-template-columns:42px minmax(160px,1fr) 110px 80px 86px;gap:12px;align-items:center;padding:12px;border:1px solid rgba(255,255,255,.055);border-radius:13px;background:#ffffff05}.user-row.disabled{opacity:.58}.user-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;color:#84bfff;background:#3288ee1a;border:1px solid rgba(73,153,245,.13);font-weight:800}.user-main strong,.user-main span,.user-main small{display:block}.user-main span{margin-top:2px;color:#7f8fa2;font-size:11px}.user-main small{margin-top:4px;color:#5d6d80;font-size:9px}.user-role{color:#a9b5c4;font-size:11px}.user-state{font-size:11px;font-weight:700}.user-state.enabled{color:#4be392}.user-state.disabled{color:#9aa2ae}.user-action{height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#aeb9c7;background:#ffffff08;cursor:pointer;font-size:11px}.user-action:hover:not(:disabled){color:#fff;background:#ffffff0e}.user-action:disabled{opacity:.25;cursor:not-allowed}@media(max-width:1180px){.account-copy{display:none}.users-layout{grid-template-columns:1fr}}@media(max-width:760px){.account-control{margin-left:auto;margin-right:5px;padding-left:5px;border-left:0}.user-row{grid-template-columns:42px 1fr auto}.user-role,.user-state{grid-column:2}.user-action{grid-column:3;grid-row:1 / span 2}.admin-session-badge{display:none}.login-card{padding:25px 22px}}.wall-panel-layout .tablet-mode-button{border-color:#34dc8b3d;background:#34dc8b14}.wall-panel-layout .account-control{opacity:.82}.wall-panel-layout .logout-button{opacity:.52}.wall-panel-layout .logout-button:hover{opacity:1}@media(orientation:landscape)and (min-width:900px)and (max-height:760px){.wall-panel-layout .account-copy{display:none}.wall-panel-layout .account-control{min-width:34px}}.flow-path.ev{stroke:#42cfff;color:#42cfff}.ev-node{left:50%;bottom:1.5%;transform:translate(-50%);gap:5px}.ev-node .car-illustration{width:112px;height:76px}.ev-node strong{font-size:25px}.ev-node small{font-size:13px}.ev-node .node-status{margin-top:5px;font-size:11px}.ev-live{color:#52e6a0}.car-illustration.charging{filter:drop-shadow(0 12px 20px rgba(52,220,139,.18))}.card-icon.ev{color:#49d4ff}.ev-card{border-color:#43caff1a}.ev-pill.charging{color:#59e9a8;border-color:#46e19d2e;background:#34c78614}.ev-phase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:25px}.ev-phase-grid>div{padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:11px;background:#ffffff06;text-align:center}.ev-phase-grid span,.ev-phase-grid strong{display:block}.ev-phase-grid span{color:#7e8da0;font-size:10px}.ev-phase-grid strong{margin-top:4px;font-size:13px}@media(min-width:1151px){.cards-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.glass-card{min-height:350px;padding:21px}.card-title h2{font-size:27px}.card-info>div,.metrics>div{padding:10px 0}}@media(orientation:landscape)and (min-width:900px)and (max-height:950px){body.hm-tablet-mode .house-node{top:38%}body.hm-tablet-mode .ev-node{bottom:0}body.hm-tablet-mode .ev-node .car-illustration{width:82px;height:56px}body.hm-tablet-mode .ev-node strong{font-size:20px}body.hm-tablet-mode .ev-node small{font-size:11px}body.hm-tablet-mode .ev-node .node-status{font-size:9px;margin-top:3px}body.hm-tablet-mode .ev-phase-grid{margin-top:14px;gap:5px}body.hm-tablet-mode .ev-phase-grid>div{padding:7px 5px}body.hm-tablet-mode .ev-card .card-info{margin-top:10px}}@media(max-width:760px){.ev-node{position:relative;left:auto;bottom:auto;transform:none}.ev-node .car-illustration{width:85px;height:65px}}