:root{--bg: #eef2e3;--ink: #132018;--muted: #526053;--panel: rgba(255, 255, 255, .9);--line: #d2d8c6;--accent: #2c6e49;--accent-2: #d68c45;--error: #b42318}*{box-sizing:border-box}body{margin:0;font-family:Saira,Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(214,140,69,.28),transparent 28%),radial-gradient(circle at top right,rgba(44,110,73,.22),transparent 32%),linear-gradient(180deg,#f5f7ef 0%,var(--bg) 100%)}button,input{font:inherit}.shell{width:min(100%,1560px);max-width:1560px;margin:0 auto;padding:28px}.hero,.panel-head,.actions,.stats,.layout{display:flex}.hero,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #13201814}.hero{justify-content:space-between;gap:20px;align-items:flex-start;border-radius:28px;padding:28px;margin-bottom:20px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.dashboard-carousel{position:relative;margin-bottom:20px;touch-action:pan-y;-webkit-user-select:none;user-select:none}.carousel-card{--carousel-main: #d65f32;--carousel-deep: #452114;position:relative;min-height:360px;display:flex;flex-direction:column;justify-content:space-between;gap:22px;border:1px solid var(--line);border-radius:32px;padding:clamp(22px,4vw,38px);overflow:hidden;background:radial-gradient(circle at 5% 6%,color-mix(in srgb,var(--carousel-main),transparent 54%),transparent 30%),radial-gradient(circle at 94% 14%,color-mix(in srgb,var(--carousel-main),transparent 68%),transparent 28%),linear-gradient(135deg,color-mix(in srgb,var(--carousel-main),white 86%),#ffffffe6),#ffffffe6;box-shadow:0 24px 70px #1320181a;animation:carousel-card-enter .42s ease both}.carousel-card:before{content:"";position:absolute;inset:-45% auto auto -12%;width:54%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle,color-mix(in srgb,var(--carousel-main),white 24%) 0 18%,transparent 19% 100%);opacity:.28;filter:blur(1px);animation:carousel-orbit 10s ease-in-out infinite}.dashboard-carousel.solar .carousel-card{--carousel-main: #e1a100;--carousel-deep: #513b00;background:radial-gradient(circle at 5% 6%,rgba(225,161,0,.42),transparent 30%),radial-gradient(circle at 94% 14%,rgba(79,141,53,.24),transparent 28%),linear-gradient(135deg,#fff3c8,#ffffffe6),#ffffffe6}.dashboard-carousel.solar .carousel-card:before{inset:-34% auto auto -8%;background:repeating-conic-gradient(from 0deg,rgba(225,161,0,.34) 0 8deg,transparent 8deg 18deg),radial-gradient(circle,rgba(255,211,86,.55) 0 22%,transparent 23% 100%);animation:solar-rays 10s linear infinite}.dashboard-carousel.weather .carousel-card{--carousel-main: #5897ba;--carousel-deep: #17394d;background:radial-gradient(circle at 5% 6%,rgba(88,151,186,.36),transparent 30%),radial-gradient(circle at 94% 14%,rgba(246,183,60,.28),transparent 28%),linear-gradient(135deg,#dff1f8,#ffffffe6),#ffffffe6}.dashboard-carousel.weather .carousel-card:before{inset:-26% auto auto -10%;width:64%;border-radius:40% 55% 48% 42%;background:radial-gradient(circle at 30% 45%,rgba(255,255,255,.64),transparent 32%),radial-gradient(circle at 62% 38%,rgba(255,255,255,.48),transparent 30%),#5897ba29;animation:cloud-drift 10s ease-in-out infinite}.dashboard-carousel.grid-totals .carousel-card{--carousel-main: #4e6f78;--carousel-deep: #17333b;background:radial-gradient(circle at 5% 6%,rgba(78,111,120,.34),transparent 30%),radial-gradient(circle at 94% 14%,rgba(122,127,47,.24),transparent 28%),linear-gradient(135deg,#e4f0ec,#ffffffe6),#ffffffe6}.dashboard-carousel.grid-totals .carousel-card:before{inset:-32% auto auto -7%;width:56%;border-radius:28%;background:linear-gradient(90deg,transparent 0 18%,rgba(78,111,120,.25) 18% 22%,transparent 22% 40%,rgba(122,127,47,.22) 40% 44%,transparent 44% 100%),radial-gradient(circle,rgba(78,111,120,.26),transparent 62%);animation:load-pulse 3.2s ease-in-out infinite}.grid-totals-carousel{grid-template-columns:repeat(2,minmax(0,1fr))}.shelly-chart{position:relative;z-index:1;display:grid;gap:10px;min-height:260px;border:1px solid rgba(78,111,120,.28);border-radius:22px;padding:16px;background:#ffffffb8}.shelly-chart svg{width:100%;height:260px;overflow:visible}.shelly-chart line{stroke:#13201824;stroke-width:1}.shelly-chart text{fill:var(--muted);font-size:12px;font-weight:800}.shelly-chart .x-label.end{text-anchor:end}.shelly-chart polyline{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4;vector-effect:non-scaling-stroke}.shelly-chart .import-line{stroke:#496f86}.shelly-chart .export-line{stroke:#7a7f2f}.chart-legend{display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--muted);font-weight:800}.chart-legend span,.chart-legend small{border-radius:999px;padding:6px 10px;background:#ffffffc7}.chart-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:7px;border-radius:50%;background:currentColor}.chart-legend .import{color:#496f86}.chart-legend .export{color:#7a7f2f}.dashboard-carousel.loads .carousel-card{--carousel-main: #7b5c29;--carousel-deep: #33230d;background:radial-gradient(circle at 5% 6%,rgba(123,92,41,.34),transparent 30%),radial-gradient(circle at 94% 14%,rgba(214,140,69,.28),transparent 28%),linear-gradient(135deg,#f4e4c5,#ffffffe6),#ffffffe6}.dashboard-carousel.tado .carousel-card{--carousel-main: #3d8a7a;--carousel-deep: #123d36;background:radial-gradient(circle at 5% 6%,rgba(61,138,122,.34),transparent 30%),radial-gradient(circle at 94% 14%,rgba(214,140,69,.2),transparent 28%),linear-gradient(135deg,#dff4ec,#ffffffe6),#ffffffe6}.dashboard-carousel.tado .carousel-card:before{inset:-32% auto auto -7%;width:56%;background:radial-gradient(circle at 50% 50%,rgba(61,138,122,.42) 0 18%,transparent 19%),repeating-radial-gradient(circle,rgba(61,138,122,.18) 0 8px,transparent 8px 22px);animation:climate-breathe 4.6s ease-in-out infinite}.dashboard-carousel.smartthings .carousel-card{--carousel-main: #315aa8;--carousel-deep: #16284d;background:radial-gradient(circle at 5% 6%,rgba(49,90,168,.32),transparent 30%),radial-gradient(circle at 94% 14%,rgba(61,138,122,.22),transparent 28%),linear-gradient(135deg,#dfe9fb,#ffffffe6),#ffffffe6}.dashboard-carousel.smartthings .carousel-card:before{inset:-30% auto auto -8%;width:58%;border-radius:34%;background:linear-gradient(135deg,rgba(49,90,168,.28),transparent 52%),repeating-linear-gradient(90deg,transparent 0 18px,rgba(49,90,168,.15) 18px 21px);animation:device-scan 4s ease-in-out infinite}.dashboard-carousel.loads .carousel-card:before{inset:-28% auto auto -8%;width:50%;border-radius:28%;background:linear-gradient(90deg,transparent 0 18%,rgba(123,92,41,.28) 18% 22%,transparent 22% 38%,rgba(123,92,41,.22) 38% 42%,transparent 42% 100%),radial-gradient(circle,rgba(214,140,69,.3),transparent 62%);animation:load-pulse 2.4s ease-in-out infinite}.carousel-card:after{content:"";position:absolute;inset:auto -40px -78px auto;width:250px;height:250px;border-radius:50%;background:color-mix(in srgb,var(--carousel-main),transparent 72%);animation:carousel-float 7s ease-in-out infinite}.carousel-title{position:relative;z-index:1;display:flex;align-items:center;gap:clamp(16px,3vw,28px)}.carousel-symbol{width:clamp(76px,11vw,132px);height:clamp(76px,11vw,132px);display:grid;place-items:center;flex:0 0 auto;border-radius:34px;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.42),transparent 38%),var(--carousel-main);color:#fff;font-size:clamp(2.7rem,6vw,5rem);box-shadow:0 22px 46px color-mix(in srgb,var(--carousel-main),transparent 62%);animation:symbol-pop 10s ease-in-out infinite}.carousel-card h1{margin:0;font-size:clamp(2.3rem,5.2vw,5rem);line-height:.95;letter-spacing:-.07em}.carousel-title strong{display:inline-block;margin-top:10px;border-radius:999px;padding:8px 13px;background:color-mix(in srgb,var(--carousel-main),white 70%);color:var(--carousel-deep);text-transform:uppercase;letter-spacing:.09em;font-size:.82rem}.carousel-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.carousel-stats .stat-card{min-height:150px;animation:stat-rise .52s ease both}.carousel-stats .stat-card:nth-child(2){animation-delay:70ms}.carousel-stats .stat-card:nth-child(3){animation-delay:.14s}.carousel-stats .stat-card:nth-child(4){animation-delay:.21s}.carousel-stats .stat-card:nth-child(5){animation-delay:.28s}.carousel-weather article,.active-load-tile{animation:stat-rise .52s ease both}.carousel-weather article:nth-child(2),.active-load-tile:nth-child(2){animation-delay:70ms}.carousel-weather article:nth-child(3),.active-load-tile:nth-child(3){animation-delay:.14s}.carousel-weather article:nth-child(4),.active-load-tile:nth-child(4){animation-delay:.21s}.carousel-weather article:nth-child(5){animation-delay:.28s}.carousel-weather article:nth-child(6){animation-delay:.35s}.carousel-stats .stat-card strong{font-size:clamp(1.7rem,3.2vw,3rem)}.carousel-weather{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.carousel-weather article{display:grid;gap:7px;border:1px solid var(--line);border-radius:20px;padding:16px;background:#ffffffb8}.carousel-weather strong,.carousel-weather span{display:block}.carousel-weather span{font-size:clamp(1.25rem,2.3vw,2rem);font-weight:900}.carousel-weather small{color:var(--muted)}.active-load-carousel-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.active-load-tile{display:grid;grid-template-columns:144px minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid color-mix(in srgb,var(--carousel-main),white 58%);border-radius:8px;padding:18px;min-height:172px;background:radial-gradient(circle at top right,color-mix(in srgb,var(--carousel-main),transparent 78%),transparent 48%),#ffffffbd}.active-load-visual{position:relative;width:136px;height:136px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:color-mix(in srgb,var(--carousel-main),#111 8%);box-shadow:0 14px 28px color-mix(in srgb,var(--carousel-main),transparent 70%)}.active-load-visual img{width:100%;height:100%;display:block;object-fit:contain}.active-load-icon{position:absolute;right:6px;bottom:6px;z-index:2;width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--carousel-deep),transparent 6%);color:#fff;font-size:.95rem;box-shadow:0 8px 16px #13201838}.active-load-motion,.active-load-motion span{position:absolute;top:0;right:0;bottom:0;left:0}.active-load-motion span{display:block}.active-load-visual.media .active-load-motion span:nth-child(1){left:14px;right:14px;top:17px;bottom:23px;border:3px solid rgba(255,255,255,.5);border-radius:6px;animation:tv-glow 1.8s ease-in-out infinite}.active-load-visual.media .active-load-motion span:nth-child(2){inset:auto 26px 12px;height:4px;border-radius:4px;background:#ffffffb8}.active-load-visual.media .active-load-motion span:nth-child(3){inset:23px 18px auto;height:3px;border-radius:3px;background:#ffffffc7;animation:tv-scan 1.6s linear infinite}.active-load-visual.washer .active-load-motion span:nth-child(1),.active-load-visual.dryer .active-load-motion span:nth-child(1),.active-load-visual.dishwasher .active-load-motion span:nth-child(1){width:44px;height:44px;left:16px;top:16px;border:4px solid rgba(255,255,255,.48);border-top-color:#fffffff2;border-radius:50%;animation:appliance-spin 1.4s linear infinite}.active-load-visual.dryer .active-load-motion span:nth-child(2),.active-load-visual.heating .active-load-motion span:nth-child(2){left:18px;right:18px;top:50px;height:12px;border-radius:50%;background:#ffffff61;animation:heat-wave 1.7s ease-in-out infinite}.active-load-visual.fridge .active-load-motion span:nth-child(1){top:12px;right:22px;bottom:12px;left:22px;border:3px solid rgba(255,255,255,.56);border-radius:7px}.active-load-visual.fridge .active-load-motion span:nth-child(2){left:50%;top:16px;bottom:16px;width:3px;background:#ffffff80}.active-load-visual.fridge .active-load-motion span:nth-child(3){left:16px;right:16px;top:24px;height:2px;background:#ffffffb3;animation:cool-pulse 2s ease-in-out infinite}.active-load-visual.car .active-load-motion span:nth-child(1),.active-load-visual.plug .active-load-motion span:nth-child(1){left:14px;right:14px;top:37px;height:5px;border-radius:5px;background:#ffffff5c}.active-load-visual.car .active-load-motion span:nth-child(2),.active-load-visual.plug .active-load-motion span:nth-child(2){width:12px;height:12px;left:14px;top:33px;border-radius:50%;background:#ffffffeb;animation:energy-dot 1.45s ease-in-out infinite}.active-load-visual.heating .active-load-motion span:nth-child(1){left:21px;right:21px;top:14px;bottom:14px;border-left:4px solid rgba(255,255,255,.7);border-right:4px solid rgba(255,255,255,.7);border-radius:20px;animation:heat-wave 1.9s ease-in-out infinite}.active-load-visual.idle .active-load-motion span:nth-child(1){top:17px;right:17px;bottom:17px;left:17px;border:3px solid rgba(255,255,255,.55);border-radius:50%;animation:idle-breathe 3s ease-in-out infinite}.active-load-tile span{display:block;color:var(--muted)}.active-load-tile strong{display:block;font-size:clamp(1.25rem,2.2vw,2rem);line-height:1.05}.active-load-tile b{font-size:clamp(1.35rem,2.6vw,2.45rem);color:var(--carousel-deep);white-space:nowrap}.active-load-tile.idle{grid-column:1 / -1}.tado-room-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}.carousel-room-grid{position:relative;z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:0}.tado-room-card{display:grid;gap:7px;border:1px solid color-mix(in srgb,#3d8a7a,white 58%);border-radius:20px;padding:16px;background:radial-gradient(circle at top right,rgba(61,138,122,.14),transparent 52%),#ffffffc2;animation:stat-rise .52s ease both}.tado-room-card span{color:var(--muted)}.tado-room-card strong{font-size:clamp(1.55rem,2.8vw,2.5rem);line-height:1}.tado-room-card small{color:var(--muted);font-weight:800}.tado-room-card:nth-child(2){animation-delay:70ms}.tado-room-card:nth-child(3){animation-delay:.14s}.tado-room-card:nth-child(4){animation-delay:.21s}.tado-auth-box{display:grid;gap:12px;margin-top:18px}.button-link{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:11px 16px;background:var(--accent);color:#fff;text-decoration:none}.button-link.secondary{background:var(--accent-2)}.smartthings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:18px}.carousel-device-grid{position:relative;z-index:1;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:0}.smartthings-device-card{display:grid;gap:7px;border:1px solid color-mix(in srgb,#315aa8,white 58%);border-radius:20px;padding:16px;background:radial-gradient(circle at top right,rgba(49,90,168,.14),transparent 52%),#ffffffc2;animation:stat-rise .52s ease both}.smartthings-device-card.dimmed{opacity:.66}.smartthings-device-card span,.smartthings-device-card small{color:var(--muted)}.smartthings-device-card strong{display:block;font-size:clamp(1.1rem,2vw,1.65rem);line-height:1.05}.smartthings-metrics{display:flex;gap:7px;flex-wrap:wrap}.smartthings-metrics b{border-radius:999px;padding:5px 8px;background:#ffffffb8;font-size:.8rem}.carousel-progress{position:absolute;inset:auto 28px 24px auto;display:flex;gap:8px}.carousel-progress span{width:34px;height:7px;border-radius:999px;background:#1320182e}.carousel-progress span.active{background:var(--carousel-main, var(--accent));animation:carousel-progress 10s linear both}.carousel-nav{position:absolute;z-index:3;top:50%;width:46px;height:64px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.56);border-radius:999px;padding:0;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.72),transparent 42%),color-mix(in srgb,var(--carousel-main, var(--accent)),transparent 20%);color:#fff;font-size:2.4rem;line-height:1;transform:translateY(-50%);box-shadow:0 16px 38px #1320182e;opacity:.82}.carousel-nav:hover,.carousel-nav:focus-visible{opacity:1;transform:translateY(-50%) scale(1.04)}.carousel-nav.prev{left:14px}.carousel-nav.next{right:14px}.dashboard-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding:18px 0 4px}@keyframes carousel-card-enter{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes carousel-orbit{0%,to{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(42px,28px,0) rotate(14deg) scale(1.08)}}@keyframes solar-rays{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1)}}@keyframes cloud-drift{0%,to{transform:translateZ(0)}50%{transform:translate3d(58px,18px,0)}}@keyframes load-pulse{0%,to{opacity:.2;transform:scaleX(.94)}50%{opacity:.42;transform:scaleX(1.08)}}@keyframes climate-breathe{0%,to{opacity:.2;transform:scale(.96)}50%{opacity:.42;transform:scale(1.08)}}@keyframes device-scan{0%,to{opacity:.18;transform:translate(-8px) skew(-5deg)}50%{opacity:.4;transform:translate(42px) skew(6deg)}}@keyframes carousel-float{0%,to{transform:translateZ(0)}50%{transform:translate3d(-16px,-18px,0)}}@keyframes symbol-pop{0%,to{transform:translateY(0) rotate(0)}12%{transform:translateY(-4px) rotate(-1deg)}24%{transform:translateY(0) rotate(0)}}@keyframes stat-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes carousel-progress{0%{width:0}to{width:34px}}@keyframes tv-glow{0%,to{box-shadow:inset 0 0 #fff0;opacity:.62}50%{box-shadow:inset 0 0 18px #ffffff6b;opacity:1}}@keyframes tv-scan{0%{transform:translateY(0)}to{transform:translateY(24px)}}@keyframes appliance-spin{to{transform:rotate(360deg)}}@keyframes heat-wave{0%,to{transform:translateY(0) scaleX(.9);opacity:.35}50%{transform:translateY(-7px) scaleX(1);opacity:.8}}@keyframes cool-pulse{0%,to{transform:translateY(0);opacity:.35}50%{transform:translateY(16px);opacity:.85}}@keyframes energy-dot{0%{transform:translate(0) scale(.75);opacity:.3}50%{opacity:1}to{transform:translate(36px) scale(1);opacity:.3}}@keyframes idle-breathe{0%,to{transform:scale(.9);opacity:.5}50%{transform:scale(1);opacity:.9}}.auth-shell{min-height:100vh;display:grid;place-items:center}.auth-card{width:min(100%,430px);display:grid;gap:16px;border:1px solid var(--line);border-radius:28px;padding:30px;background:radial-gradient(circle at top right,rgba(214,140,69,.22),transparent 34%),#ffffffeb;box-shadow:0 24px 70px #1320181f}.auth-card h1{margin:0;font-size:2.4rem;letter-spacing:-.05em}.auth-card label{display:grid;gap:8px}.hero h1,.panel h2{margin:0}.eyebrow{margin:0 0 6px;text-transform:uppercase;letter-spacing:.14em;font-size:.78rem;color:var(--muted)}.lead{max-width:720px;color:var(--muted)}.layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.panel{flex-direction:column;border-radius:24px;padding:24px}.draggable-panel{min-width:0}.panel-drag-handle{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(19,32,24,.16);border-radius:8px;background:#ffffffbd;color:var(--muted);font-weight:900;cursor:grab;-webkit-user-select:none;user-select:none}.panel-drag-handle:active{cursor:grabbing}.shelly-history-panel{grid-column:1 / -1}.shelly-calibration{margin-top:18px;padding-top:16px;border-top:1px solid rgba(52,68,49,.14)}.shelly-calibration h3{margin:2px 0 4px}.shelly-calibration .form-grid{max-width:720px}.panel-head{justify-content:space-between;align-items:center;gap:12px}.status-pill{padding:8px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.status-pill.ok{background:#e3f5e8;color:#1d6a3b}.status-pill.warn{background:#fff0e5;color:#a25411}.status-pill.idle{background:#edf0ea;color:#5d675b}.stats{gap:12px;margin:18px 0;flex-wrap:wrap}.stat-card{min-width:150px}.photovoltaic .stat-card,.meross .stat-card{min-width:170px}.roadmap article{flex:1;border:1px solid var(--line);border-radius:18px;padding:14px;background:#ffffffb3}.roadmap article span,.muted{color:var(--muted)}.stat-card{--stat: var(--accent);--stat-icon-bg: var(--stat);position:relative;flex:1;min-width:0;display:grid;gap:7px;border:1px solid color-mix(in srgb,var(--stat),white 68%);border-radius:20px;padding:16px;overflow:hidden;background:radial-gradient(circle at top right,color-mix(in srgb,var(--stat),transparent 72%),transparent 52%),linear-gradient(145deg,#ffffffeb,#ffffffad)}.stat-card:after{content:"";position:absolute;inset:auto 12px 12px auto;width:44px;height:44px;border-radius:50%;background:color-mix(in srgb,var(--stat),transparent 84%)}.stat-card span{color:var(--muted);font-size:.9rem}.stat-card strong{display:block;font-size:1.55rem;line-height:1.05;letter-spacing:-.02em}.soc-value{display:flex;align-items:center;gap:10px;min-height:30px}.soc-value strong{min-width:0}.stacked-values{display:grid;gap:2px;min-width:0}.stacked-values strong{font-size:clamp(1.12rem,2vw,1.7rem);line-height:1.05}.stacked-values small{color:var(--muted);font-weight:800;text-transform:uppercase;letter-spacing:.08em}.battery-level{--battery-level: 0%;--battery-fill: #4f8d35;--battery-shell: #213526;position:relative;flex:0 0 auto;width:48px;height:24px;border:2px solid var(--battery-shell);border-radius:6px;padding:3px;background:#fffdf1;box-shadow:inset 0 0 0 1px #ffffffc7,0 3px 10px #13201829}.battery-level:after{content:"";position:absolute;top:6px;right:-6px;width:4px;height:8px;border-radius:0 3px 3px 0;background:var(--battery-shell)}.battery-level-fill{display:block;width:var(--battery-level);height:100%;min-width:0;border-radius:3px;background:var(--battery-fill);transition:width .26s ease,background-color .26s ease}.battery-level.high{--battery-fill: #4f8d35}.battery-level.medium{--battery-fill: #d68c45}.battery-level.low{--battery-fill: #b42318}.battery-level.unknown .battery-level-fill{opacity:.24}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:var(--stat-icon-bg);background:color-mix(in srgb,var(--stat),white 14%);color:#fff;font-size:1.35rem;font-weight:900;text-shadow:0 1px 2px rgba(19,32,24,.34);-webkit-text-stroke:.2px rgba(19,32,24,.32);border:1px solid rgba(19,32,24,.14);box-shadow:0 10px 22px color-mix(in srgb,var(--stat),transparent 72%)}.battery .stat-icon,.anker-solix-soc .stat-icon{background:#fffdf1;color:#213526;text-shadow:none;-webkit-text-stroke:0;border-color:#21352657;box-shadow:0 10px 22px #13201829}.hot-water{--stat: #d65f32;--stat-icon-bg: #d65f32}.target-temp{--stat: #b7772b;--stat-icon-bg: #b7772b}.boost{--stat: #d49a19;--stat-icon-bg: #d49a19}.heat-power{--stat: #7c6b52;--stat-icon-bg: #7c6b52}.solar{--stat: #e1a100;--stat-icon-bg: #b57f00}.yield-today{--stat: #bf8f12;--stat-icon-bg: #bf8f12}.home-load{--stat: #2a7f62;--stat-icon-bg: #2a7f62}.wallbox{--stat: #1f758d;--stat-icon-bg: #1f758d}.battery{--stat: #4f8d35;--stat-icon-bg: #4f8d35}.anker-solix{--stat: #2c8a84;--stat-icon-bg: #2c8a84}.anker-solix-soc{--stat: #536f2f;--stat-icon-bg: #536f2f}.grid{--stat: #3c6e9e;--stat-icon-bg: #3c6e9e}.grid-import{--stat: #305d75;--stat-icon-bg: #305d75}.grid-total-import{--stat: #496f86;--stat-icon-bg: #496f86}.grid-total-export{--stat: #7a7f2f;--stat-icon-bg: #7a7f2f}.aux-supply{--stat: #c18400;--stat-icon-bg: #a36f00}.plug-power{--stat: #296f7b;--stat-icon-bg: #296f7b}.plug-consumption{--stat: #7b5c29;--stat-icon-bg: #7b5c29}.plug-supply{--stat: #c18400;--stat-icon-bg: #a36f00}.plug-count{--stat: #6b7d2f;--stat-icon-bg: #6b7d2f}.smartthings{--stat: #315aa8;--stat-icon-bg: #315aa8}.smartthings-online{--stat: #3d8a7a;--stat-icon-bg: #3d8a7a}@supports not (color: color-mix(in srgb,#000,#fff)){.stat-card{border-color:var(--line);background:#ffffffd1}.stat-card:after{background:#13201814}.stat-icon{background:var(--stat-icon-bg);box-shadow:0 10px 22px #1320182e}.battery-level{border-color:var(--battery-shell)}.battery-level:after{background:var(--battery-shell)}.battery .stat-icon,.anker-solix-soc .stat-icon{background:#fffdf1}}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.form-grid label{display:grid;gap:8px}input{width:100%;border:1px solid var(--line);border-radius:14px;padding:11px 12px;background:#fff}input[type=range]{padding:0;accent-color:var(--accent)}.gear-control{margin:18px 0;padding:18px;border:1px solid rgba(52,68,49,.16);border-radius:24px;background:radial-gradient(circle at 16% 0%,rgba(202,117,59,.18),transparent 34%),linear-gradient(135deg,#fffffff0,#f4eedadb);box-shadow:0 16px 34px #3b422b14}.gear-control h3{margin:2px 0 4px}.gear-stage,.gear-actions,.setpoint-scale{display:flex;align-items:center;gap:10px}.gear-stage{justify-content:center;margin:16px 0 14px}.gear-wheel-wrap{position:relative;width:198px;display:grid;place-items:center}.gear-limit{position:absolute;z-index:2;padding:5px 8px;border-radius:999px;background:#21311feb;color:#fff8df;font-size:.72rem;font-weight:800;letter-spacing:.04em;box-shadow:0 8px 16px #26301c29;pointer-events:none}.gear-limit.min{left:0;bottom:16px}.gear-limit.max{right:0;bottom:16px}.gear-dial{position:relative;width:152px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(from 0deg,#253521,#253521 7deg,#d6c17b 7deg,#d6c17b 10deg),radial-gradient(circle,#f9f0c9 0,#f9f0c9 48%,#27371f 49%,#27371f 64%,#c56f3d 65%,#c56f3d);transform:rotate(var(--gear-rotation));box-shadow:0 18px 36px #26301c2e,inset 0 0 0 6px #ffffff47;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.gear-dial:active{cursor:grabbing}.gear-dial:focus-visible{outline:3px solid rgba(197,111,61,.55);outline-offset:5px}.gear-teeth{position:absolute;top:11px;right:11px;bottom:11px;left:11px;border-radius:50%;background:radial-gradient(circle at 50% 50%,#ffffff0d,#fff0 62%);border:1px dashed rgba(255,248,221,.5)}.gear-face{position:relative;width:104px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;align-content:center;gap:4px;text-align:center;background:#21311f;color:#fff8df;transform:rotate(calc(var(--gear-rotation) * -1));box-shadow:inset 0 0 0 1px #ffffff24,0 10px 22px #0000002e}.gear-face span{font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;opacity:.75}.gear-face strong{font-size:1.55rem;line-height:1}.gear-nudge{min-width:72px;background:#704f24}.setpoint-scale{justify-content:space-between;margin-top:8px;color:var(--muted);font-size:.8rem}.gear-actions{margin-top:14px;flex-wrap:wrap}.gear-actions input{width:120px}.gear-inline-settings{margin-top:14px;padding-top:14px;border-top:1px solid rgba(52,68,49,.14)}.compact-field{display:grid;gap:8px;max-width:260px}.compact-field span{color:var(--muted);font-size:.88rem;font-weight:700}.gear-embedded-actions{display:grid;gap:14px}.gear-embedded-actions .actions{margin:0}button{border:0;border-radius:14px;padding:11px 16px;background:var(--accent);color:#fff;cursor:pointer}button.secondary{background:var(--accent-2)}button:disabled{cursor:default;opacity:.7}.actions{gap:12px;flex-wrap:wrap}.compact-actions{margin-top:8px}.compact-actions button{min-width:148px}.feedback{margin-top:18px;padding:12px 14px;border-radius:16px;background:#ecf7ef;border:1px solid #b8debe}.feedback.error{background:#fff1f1;border-color:#f1b4b4;color:var(--error)}.notice{padding:12px 14px;border-radius:16px;background:#fff6df;border:1px solid #f0d290}.roadmap{display:grid;gap:12px;margin-top:18px}.weather-panel{grid-column:1 / -1}.plug-status-bar{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;gap:18px;border:1px solid var(--line);border-radius:22px;padding:18px 20px;background:radial-gradient(circle at top right,rgba(107,125,47,.18),transparent 36%),#ffffffd1;box-shadow:0 14px 38px #1320180f}.plug-status-bar.active{border-color:#d8bd73;background:radial-gradient(circle at top right,rgba(214,140,69,.24),transparent 38%),linear-gradient(135deg,#fff8e0f5,#ffffffd1)}.plug-status-bar strong{display:block;font-size:1.35rem;letter-spacing:-.02em}.active-load-list{display:grid;gap:6px}.active-load-list strong{border-radius:14px;padding:8px 10px;background:#ffffff9e}.plug-status-bar span{flex:0 0 auto;border-radius:999px;padding:8px 12px;background:#ffffffb8;color:var(--muted);font-weight:800}.standby-status-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;border:1px solid #d8bd73;border-radius:22px;padding:18px 20px;background:radial-gradient(circle at top right,rgba(214,140,69,.22),transparent 38%),linear-gradient(135deg,#fff8e0f5,#ffffffdb);box-shadow:0 14px 38px #1320180f}.standby-status-bar strong{display:block;font-size:1.35rem}.standby-status-bar small{display:block;margin-top:4px;color:var(--muted);font-size:.86rem;font-weight:700}.standby-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.standby-status-bar span{flex:0 0 auto;border-radius:999px;padding:8px 12px;background:#ffffffb8;color:var(--muted);font-weight:800}.automation-status{--quest: #d68c45;grid-column:1 / -1;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--quest),white 52%);border-radius:28px;padding:24px;background:radial-gradient(circle at 8% 0%,color-mix(in srgb,var(--quest),transparent 65%),transparent 34%),radial-gradient(circle at 92% 18%,rgba(255,255,255,.8),transparent 22%),linear-gradient(135deg,#132018f5,#2b482ee6);color:#fff9e8;box-shadow:0 24px 70px #1320182e}.automation-status.running{--quest: #d8a72e}.automation-status.ready,.automation-status.triggered{--quest: #69b36d}.automation-status.blocked{--quest: #c98142}.automation-status:after{content:"";position:absolute;inset:16px 18px auto auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--quest),white 20%),transparent 58%);opacity:.38}.automation-hero{position:relative;z-index:1;display:flex;justify-content:space-between;gap:22px;align-items:flex-start}.automation-hero h2,.automation-hero p{margin:0}.automation-hero .eyebrow,.automation-status .muted{color:#fff9e8c2}.automation-hero h2{font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.05em}.automation-hero p{max-width:780px;margin-top:8px;color:#fff9e8d6}.automation-score{flex:0 0 auto;display:grid;place-items:center;width:112px;height:112px;border-radius:32px;border:1px solid rgba(255,255,255,.24);background:conic-gradient(var(--quest) calc(var(--score, 1) * 1turn),rgba(255,255,255,.16) 0),#ffffff1f;box-shadow:inset 0 0 0 10px #13201861}.automation-score span{display:block;font-size:2rem;font-weight:900;line-height:1}.automation-score small{color:#fff9e8c7;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.quest-track{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:22px 0 18px}.quest-track article{position:relative;min-height:145px;display:grid;align-content:space-between;gap:8px;border:1px solid rgba(255,255,255,.18);border-radius:22px;padding:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quest-track article.complete{border-color:color-mix(in srgb,var(--quest),white 28%);background:radial-gradient(circle at top right,color-mix(in srgb,var(--quest),transparent 62%),transparent 54%),#ffffff24}.quest-track .reward-card{border-color:color-mix(in srgb,#f2c14e,white 16%);background:radial-gradient(circle at top right,rgba(242,193,78,.5),transparent 54%),#ffffff29}.quest-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;background:#ffffff29;font-size:1.35rem}.quest-track span,.quest-track small{color:#fff9e8b8}.quest-track strong{display:block;color:#fff9e8;font-size:1.45rem;line-height:1}.quest-footer{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px}.quest-footer span,.automation-status .notice{border-color:#ffffff2e;background:#ffffff1f;color:#fff9e8}.quest-footer span{border-radius:999px;padding:8px 12px;font-weight:800}.automation-settings{position:relative;z-index:1;margin-top:18px;padding:10px;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#ffffff1a}.automation-settings-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:#ffffff24;color:#fff9e8}.automation-settings-toggle strong{border-radius:999px;padding:5px 10px;background:#ffffff29}.automation-settings-body{padding:14px 6px 6px}.automation-settings .form-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.automation-settings label,.automation-settings .feedback{color:#fff9e8}.toggle-row{display:flex;align-items:center;gap:10px;font-weight:800}.toggle-row input{width:auto}.hourly-weather{display:grid;grid-template-columns:repeat(12,minmax(92px,1fr));gap:10px;margin-top:16px;overflow-x:auto;padding-bottom:4px}.hourly-weather article{display:grid;gap:5px;border:1px solid var(--line);border-radius:16px;padding:12px;background:#ffffffb8;min-width:92px}.hourly-weather span{font-size:1.25rem;font-weight:800}.hourly-weather small{color:var(--muted)}.sunshine-icon{--sun: 0;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#f6b73c calc(var(--sun) * 1turn),#dce3d5 0),radial-gradient(circle,#fff8d7 0 42%,transparent 43%);color:#7a4a00;font-size:1.3rem;box-shadow:inset 0 0 0 3px #ffffffc7}.plug-list{display:grid;gap:12px;margin-top:18px}.plug-list article{display:grid;grid-template-columns:1fr auto;gap:10px 14px;border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(135deg,#ffffffdb,#ffffff94),radial-gradient(circle at top right,rgba(41,111,123,.16),transparent 42%)}.plug-list article.dimmed{opacity:.72}.plug-list article strong,.plug-list article span{display:block}.plug-list article span,.plug-list article small{color:var(--muted)}.direction{align-self:start;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.direction.consumption{background:#e8f4f0;color:#296f7b}.direction.supply{background:#fff3d7;color:#8a5b00}.plug-metrics{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:8px}.plug-metrics span{border-radius:12px;padding:9px 10px;background:#ffffffad;font-weight:800;color:var(--ink)}@media (max-width: 900px){.layout,.hero,.stats{display:flex;flex-direction:column}.carousel-card{min-height:auto;border-radius:24px}.carousel-stats,.carousel-weather,.carousel-room-grid,.carousel-device-grid,.active-load-carousel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.active-load-tile{grid-template-columns:auto 1fr}.active-load-tile b{grid-column:2}.carousel-title{align-items:flex-start}.carousel-symbol{border-radius:24px}.carousel-progress{position:static;margin-top:12px;justify-content:center}.carousel-nav{width:38px;height:52px;font-size:2rem}.carousel-nav.prev{left:8px}.carousel-nav.next{right:8px}.dashboard-footer{align-items:stretch;flex-direction:column}.form-grid,.automation-settings .form-grid{grid-template-columns:1fr}.plug-status-bar{align-items:stretch;flex-direction:column}.plug-status-bar span{flex:initial}.automation-status{padding:18px;border-radius:22px}.automation-status:after{width:110px;height:110px;inset:8px 8px auto auto}.automation-hero{display:grid;grid-template-columns:1fr}.automation-hero h2{font-size:2rem}.automation-score{width:100%;height:auto;min-height:74px;grid-template-columns:auto 1fr;justify-content:start;gap:12px;border-radius:18px;padding:14px 16px;box-shadow:inset 0 0 0 7px #1320184d}.quest-track{grid-template-columns:1fr}.quest-track article{min-height:auto;grid-template-columns:auto 1fr auto;align-items:center}.quest-track article strong,.quest-track article small{grid-column:2 / -1}.quest-footer{display:grid}.plug-list article,.plug-metrics{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}