:root{--font: "Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--font-num: "Inter", "SF Mono", "Segoe UI", system-ui, sans-serif;--text-xs: 11.5px;--text-sm: 13px;--text-md: 14.5px;--text-lg: 17px;--text-xl: 21px;--text-2xl: 28px;--text-3xl: 38px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 20px;--s6: 24px;--s8: 32px;--s10: 40px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-full: 999px;--ease: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--t-fast: .12s;--t-med: .22s;--t-slow: .42s;--c-pv: #16a34a;--c-grid-import: #e0524f;--c-grid-export: #3b82f6;--c-battery: #e0a33d;--c-car: #0ea5b7;--c-water: #8b5cf6;--c-house: #7c8899;--c-waste: #d97706;--ok: #16a34a;--warn: #d97706;--err: #dc2626;--info: #3b82f6}[data-theme=light]{--bg: #f4f6f8;--bg-grad: radial-gradient(1200px 600px at 85% -10%, #e8f2ec 0%, transparent 60%), radial-gradient(900px 500px at 0% 0%, #eaeff6 0%, transparent 55%);--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #eef2f6;--line: #e2e8f0;--line-strong: #cbd5e1;--text: #44505f;--text-strong: #0f172a;--text-dim: #74839a;--accent: #0f7a4d;--accent-soft: #e6f4ec;--accent-text: #ffffff;--art-glass-a: #cfdcec;--art-glass-b: #b3c6dd;--art-metal: #e8edf3;--art-tyre: #94a3b8;--art-line: #8494a8;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 16px -4px rgba(15, 23, 42, .1), 0 1px 3px rgba(15, 23, 42, .05);--shadow-lg: 0 18px 48px -16px rgba(15, 23, 42, .2);--scrim: rgba(15, 23, 42, .42)}[data-theme=dark]{--bg: #0e1116;--bg-grad: radial-gradient(1200px 600px at 85% -10%, #14251d 0%, transparent 60%), radial-gradient(900px 500px at 0% 0%, #141b26 0%, transparent 55%);--surface: #171c24;--surface-2: #1c222b;--surface-3: #232a35;--line: #262e3a;--line-strong: #333d4c;--text: #b6c1d1;--text-strong: #f1f5f9;--text-dim: #7d8a9d;--accent: #3ddc97;--accent-soft: rgba(61, 220, 151, .14);--accent-text: #06251a;--art-glass-a: #2f3d4e;--art-glass-b: #212b38;--art-metal: #394454;--art-tyre: #0d1117;--art-line: #5b6a7d;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 6px 20px -6px rgba(0, 0, 0, .55);--shadow-lg: 0 22px 56px -18px rgba(0, 0, 0, .7);--scrim: rgba(2, 6, 12, .6);--c-pv: #34d399;--c-grid-import: #f87171;--c-battery: #fbbf24;--c-car: #22d3ee;--c-water: #a78bfa;--c-house: #94a3b8;--c-waste: #fb923c;--ok: #34d399;--warn: #fbbf24;--err: #f87171}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:var(--bg-grad);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:var(--text-md);line-height:1.45;-webkit-font-smoothing:antialiased;transition:background-color var(--t-slow) var(--ease),color var(--t-slow) var(--ease)}h1,h2,h3,h4{color:var(--text-strong);margin:0 0 var(--s3);letter-spacing:-.015em;font-weight:650}h1{font-size:var(--text-xl)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-md)}a{color:var(--accent);text-decoration:none}small,.dim{color:var(--text-dim);font-size:var(--text-sm)}::selection{background:var(--accent-soft);color:var(--text-strong)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-sm)}.num,.value-big,.metric-value,.tile-power,.kpi-value{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:var(--s5);transition:box-shadow var(--t-med) var(--ease),border-color var(--t-med) var(--ease)}.card.raised{box-shadow:var(--shadow-md)}.card.flush{padding:0;overflow:hidden}.panel{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s3) var(--s4)}.card-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);flex-wrap:wrap}.card-head h2,.card-head h1{margin:0}.section-label{color:var(--text-dim);font-size:var(--text-sm);font-weight:600;letter-spacing:0}.page-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);justify-content:space-between}.page-title{color:var(--text-strong);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.028em;line-height:1.05;margin:0}.btn{align-items:center;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--text-strong);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-md);font-weight:600;gap:var(--s2);justify-content:center;min-height:40px;padding:0 var(--s4);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--text-dim)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);box-shadow:var(--shadow-sm)}.btn.primary:hover:not(:disabled){filter:brightness(1.07);background:var(--accent);border-color:var(--accent)}.btn.danger{color:var(--err);border-color:color-mix(in srgb,var(--err) 40%,var(--line))}.btn.danger:hover:not(:disabled){background:color-mix(in srgb,var(--err) 12%,transparent)}.btn.ghost{background:transparent;border-color:transparent}.btn.ghost:hover:not(:disabled){background:var(--surface-3)}.btn.pressed{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.btn.small{min-height:32px;padding:0 var(--s3);font-size:var(--text-sm);border-radius:var(--r-sm)}.btn.block{width:100%}.btn.icon{padding:0;width:40px}.btn.icon.small{width:32px}.input,.select{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);color:var(--text-strong);font-family:inherit;font-size:var(--text-md);min-height:40px;outline:none;padding:0 var(--s3);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease);width:100%}.input:focus,.select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder{color:var(--text-dim)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:var(--s8);cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:right 18px center,right 13px center;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.field{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s4)}.field>label{align-items:center;color:var(--text-strong);display:flex;font-size:var(--text-sm);font-weight:600;gap:var(--s1)}.switch{background:var(--line-strong);border:none;border-radius:var(--r-full);cursor:pointer;flex-shrink:0;height:26px;padding:0;position:relative;width:46px;transition:background var(--t-med) var(--ease)}.switch:after{background:#fff;border-radius:50%;box-shadow:var(--shadow-sm);content:"";height:20px;left:3px;position:absolute;top:3px;width:20px;transition:left var(--t-med) var(--ease-out)}.switch.on{background:var(--accent)}.switch.on:after{left:23px}.segment{background:var(--surface-3);border-radius:var(--r-md);display:inline-flex;gap:2px;padding:3px;position:relative;max-width:100%;flex-wrap:wrap}.segment::-webkit-scrollbar{display:none}.segment button{background:transparent;border:none;border-radius:calc(var(--r-md) - 3px);color:var(--text-dim);cursor:pointer;font-family:inherit;font-size:var(--text-sm);font-weight:600;min-height:30px;padding:0 var(--s3);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease);white-space:nowrap}.segment button:hover{color:var(--text-strong)}.segment button.active{background:var(--surface);color:var(--text-strong);box-shadow:var(--shadow-sm)}.dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px;position:relative}.dot.online{background:var(--ok)}.dot.offline{background:var(--text-dim)}.dot.error{background:var(--err)}.dot.online:after{animation:pulse 2.4s var(--ease) infinite;background:var(--ok);border-radius:50%;content:"";top:-3px;right:-3px;bottom:-3px;left:-3px;position:absolute;opacity:.35}@keyframes pulse{0%{transform:scale(.7);opacity:.45}70%{transform:scale(1.6);opacity:0}to{opacity:0}}.badge{align-items:center;border-radius:var(--r-full);display:inline-flex;gap:var(--s1);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;padding:3px 9px;background:var(--surface-3);color:var(--text-dim)}.badge.ok{background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok)}.badge.warn{background:color-mix(in srgb,var(--warn) 18%,transparent);color:var(--warn)}.badge.err{background:color-mix(in srgb,var(--err) 15%,transparent);color:var(--err)}.badge.info{background:color-mix(in srgb,var(--info) 15%,transparent);color:var(--info)}.badge.accent{background:var(--accent-soft);color:var(--accent)}.banner{align-items:flex-start;animation:banner-in var(--t-slow) var(--ease-out);border:1px solid;border-radius:var(--r-md);display:flex;gap:var(--s3);padding:var(--s3) var(--s4)}.banner .banner-icon{font-size:var(--text-lg);line-height:1.2}.banner .banner-text{display:flex;flex-direction:column;gap:2px;min-width:0}.banner strong{color:var(--text-strong);font-size:var(--text-md)}.banner span{color:var(--text);font-size:var(--text-sm)}.banner.warn{background:color-mix(in srgb,var(--warn) 10%,var(--surface));border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.banner.err{background:color-mix(in srgb,var(--err) 10%,var(--surface));border-color:color-mix(in srgb,var(--err) 45%,transparent)}.banner.info{background:color-mix(in srgb,var(--info) 9%,var(--surface));border-color:color-mix(in srgb,var(--info) 40%,transparent)}.banner.ok{background:var(--accent-soft);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.banner-close{background:transparent;border:none;border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;flex-shrink:0;font-size:13px;height:26px;line-height:1;padding:0;width:26px;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.banner-close:hover{background:var(--surface-3);color:var(--text-strong)}@keyframes banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.tip{display:inline-flex;position:relative}.tip-icon{align-items:center;background:var(--surface-3);border-radius:50%;color:var(--text-dim);cursor:help;display:inline-flex;font-size:10.5px;font-weight:700;height:16px;justify-content:center;width:16px}.tip-text{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--r-md);bottom:calc(100% + 8px);box-shadow:var(--shadow-lg);color:var(--text);font-size:var(--text-sm);font-weight:400;left:50%;line-height:1.45;max-width:320px;min-width:220px;opacity:0;padding:var(--s3);pointer-events:none;position:absolute;transform:translate(-50%,4px);transition:opacity var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);z-index:60}.tip:hover .tip-text,.tip:focus-within .tip-text{opacity:1;transform:translate(-50%)}.app-shell{display:flex;min-height:100vh}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;gap:2px;flex-shrink:0;padding:var(--s5) var(--s3);width:232px;background:color-mix(in srgb,var(--surface) 55%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0;height:100vh}.brand{align-items:center;color:var(--text-strong);display:flex;gap:var(--s2);font-size:var(--text-lg);font-weight:750;letter-spacing:-.02em;padding:0 var(--s3) var(--s5)}.brand-mark{align-items:center;display:flex;justify-content:center;line-height:0}.nav-item{align-items:center;border-radius:var(--r-md);color:var(--text-dim);cursor:pointer;display:flex;font-size:var(--text-md);font-weight:600;gap:var(--s3);padding:10px var(--s3);position:relative;transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.nav-item:hover{background:var(--surface-3);color:var(--text-strong)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-item.active:before{background:var(--accent);border-radius:0 3px 3px 0;content:"";height:18px;left:-12px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{font-size:15px;width:20px;text-align:center}.main-content{flex:1;min-width:0;padding:var(--s6) var(--s8);max-width:1480px;margin:0 auto;width:100%}.topbar,.tabbar{display:none}.grid{display:grid;gap:var(--s4)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.row{align-items:center;display:flex;gap:var(--s3)}.row.between{justify-content:space-between}.row.wrap{flex-wrap:wrap}.row.tight{gap:var(--s2)}.col{display:flex;flex-direction:column;gap:var(--s3)}.spacer{flex:1}.page{display:flex;flex-direction:column;gap:var(--s8)}.page-section{display:flex;flex-direction:column;gap:var(--s4)}.metric{display:flex;flex-direction:column;gap:1px;min-width:96px}.metric-value{color:var(--text-strong);font-size:var(--text-xl);font-weight:700;line-height:1.15}.metric-label{color:var(--text-dim);font-size:var(--text-xs);font-weight:600}.metric-hint{font-size:var(--text-xs);color:var(--text-dim)}.sec-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--s3);justify-content:space-between;min-height:22px}.dash-status{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--s4) var(--s6);justify-content:space-between}.dash-state{display:flex;flex-direction:column;gap:var(--s1);min-width:0}.dash-headline{color:var(--text-strong);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.028em;line-height:1.05;margin:0;text-wrap:balance}.dash-sub{color:var(--text-dim);font-size:var(--text-md);margin:0}.figures{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:grid;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.figure{border-left:1px solid var(--line);border-top:1px solid var(--line);display:flex;flex-direction:column;gap:3px;margin:-1px 0 0 -1px;min-width:0;padding:var(--s4)}.figure-label{align-items:center;color:var(--text-dim);display:flex;gap:var(--s1);font-size:var(--text-sm);font-weight:550;min-width:0}.figure-value{color:var(--text-strong);font-size:var(--text-xl);font-weight:680;letter-spacing:-.02em;line-height:1.1}.figure-hint{color:var(--text-dim);font-size:var(--text-xs)}.figure-value.t-pv{color:var(--c-pv)}.figure-value.t-waste{color:var(--c-waste)}.figure-value.t-import{color:var(--c-grid-import)}.figure-value.t-export{color:var(--c-grid-export)}.figure-value.t-car{color:var(--c-car)}.figure-value.t-battery{color:var(--c-battery)}.figure-value.t-water{color:var(--c-water)}.figures-block{display:flex;flex-direction:column;gap:var(--s2)}.figures-note{color:var(--text-dim);font-size:var(--text-sm);line-height:1.5;margin:0;padding:0 var(--s1)}.figure-lead{grid-column:span 2}.figure-lead .figure-value{font-size:var(--text-3xl);font-weight:730;letter-spacing:-.03em}@media (max-width: 700px){.figure-lead{grid-column:span 2}.figures{grid-template-columns:repeat(2,minmax(0,1fr))}}.dash-main{align-items:start;display:grid;gap:var(--s6);grid-template-columns:minmax(0,1.55fr) minmax(300px,1fr)}.dash-col{display:flex;flex-direction:column;gap:var(--s4)}.dash-tiles{display:flex;flex-direction:column;gap:var(--s3)}.flow-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5)}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);transition:border-color var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease)}.tile:hover{box-shadow:var(--shadow-md)}.tile.is-active{border-color:color-mix(in srgb,var(--accent) 45%,var(--line))}.tile.is-offline{opacity:.72;border-style:dashed}.tile-head{align-items:center;display:flex;gap:var(--s2);justify-content:space-between}.tile-title{align-items:center;display:flex;gap:var(--s2);min-width:0}.tile-icon{align-items:center;border-radius:var(--r-sm);display:flex;font-size:14px;height:26px;justify-content:center;width:26px;background:var(--surface-3)}.tile-name{color:var(--text-strong);font-size:var(--text-md);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-power{font-size:var(--text-xl);font-weight:700;line-height:1.1}.tile-meta{color:var(--text-dim);font-size:var(--text-sm)}.tile-reason{border-top:1px solid var(--line);color:var(--text-dim);font-size:var(--text-xs);padding-top:var(--s2)}.tile-controls{display:flex;flex-direction:column;gap:var(--s2);margin-top:var(--s1)}.tile-controls.busy{opacity:.55;pointer-events:none}.bar-wrap{align-items:center;display:flex;gap:var(--s2)}.bar{background:var(--surface-3);border-radius:var(--r-full);flex:1;height:6px;overflow:hidden}.bar-fill{border-radius:var(--r-full);height:100%;transition:width var(--t-slow) var(--ease-out),background var(--t-med) var(--ease)}.bar-label{color:var(--text-strong);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.ef{overflow:visible}.ef-wire{transition:stroke-width var(--t-slow) var(--ease)}.ef-dot{opacity:.95}.ef-node{fill:var(--surface);fill-opacity:.55;stroke:var(--line);stroke-width:1}.ef-node-value{font-size:15px;font-weight:750;fill:var(--text-strong)}.ef-node-label{font-size:10px;font-weight:620;fill:var(--text-dim);letter-spacing:.02em}.ef-hub{fill:var(--surface);stroke:var(--line);stroke-width:1.5}.ef-hub-ring{fill:none;stroke:var(--text-dim);stroke-opacity:.35;stroke-width:2.5}.ef-hub-ring.ok{stroke:var(--ok);stroke-opacity:.85}.ef-hub-value{font-size:14px;font-weight:750;fill:var(--text-strong)}.ef-hub-label{font-size:9.5px;font-weight:600;fill:var(--text-dim)}@keyframes flash{0%{opacity:.55;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.flash{animation:flash var(--t-slow) var(--ease-out)}table.table{border-collapse:collapse;font-size:var(--text-sm);width:100%}table.table th{border-bottom:1px solid var(--line);color:var(--text-dim);font-size:var(--text-sm);font-weight:600;padding:var(--s2) var(--s3);text-align:left}table.table td{border-bottom:1px solid var(--line);padding:10px var(--s3)}table.table tbody tr{transition:background var(--t-fast) var(--ease)}table.table tbody tr:hover{background:var(--surface-2)}table.table td.num{font-variant-numeric:tabular-nums;text-align:right}.table-scroll{overflow-x:auto;margin:0 calc(var(--s5) * -1);padding:0 var(--s5)}.prio-item{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:grab;display:flex;gap:var(--s3);padding:var(--s3);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.prio-item:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.prio-item.dragging{opacity:.45;transform:scale(.98)}.prio-item.drop-target{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.prio-grip{color:var(--text-dim);cursor:grab;font-size:15px;letter-spacing:1px}.prio-rank{align-items:center;background:var(--accent-soft);border-radius:var(--r-sm);color:var(--accent);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:750;height:26px;justify-content:center;width:26px}.prio-move{display:flex;flex-direction:column;gap:2px}.prio-move button{background:transparent;border:1px solid var(--line);border-radius:6px;color:var(--text-dim);cursor:pointer;font-size:10px;height:18px;line-height:1;padding:0;width:24px}.prio-move button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.prio-move button:disabled{opacity:.3;cursor:not-allowed}.wizard-shell{margin:0 auto;max-width:820px;padding:var(--s8) var(--s4) var(--s10)}.wizard-progress{background:var(--surface-3);border-radius:var(--r-full);height:4px;overflow:hidden}.wizard-progress-fill{background:linear-gradient(90deg,var(--c-pv),var(--accent));height:100%;transition:width var(--t-slow) var(--ease-out)}.wizard-steps{display:flex;flex-wrap:wrap;gap:var(--s1);margin:var(--s3) 0 var(--s6)}.wizard-step{border-radius:var(--r-full);color:var(--text-dim);font-size:var(--text-xs);font-weight:650;padding:5px 11px;transition:all var(--t-med) var(--ease)}.wizard-step.done{color:var(--ok)}.wizard-step.current{background:var(--accent-soft);color:var(--accent)}.stat-tile{align-items:flex-start;display:flex;flex-direction:column;gap:2px}.stat-value{color:var(--text-strong);font-size:var(--text-2xl);font-weight:700;line-height:1.1}.stat-label{color:var(--text-dim);font-size:var(--text-sm);font-weight:600}.empty{align-items:center;color:var(--text-dim);display:flex;flex-direction:column;gap:var(--s2);padding:var(--s10) var(--s4);text-align:center}.empty-icon{font-size:30px;opacity:.65}.skeleton{animation:shimmer 1.4s linear infinite;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:200% 100%;border-radius:var(--r-sm)}@keyframes shimmer{to{background-position:-200% 0}}.list-enter{animation:list-in var(--t-med) var(--ease-out) backwards}@keyframes list-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 1180px){.dash-main{grid-template-columns:1fr}.dash-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}@media (max-width: 900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell{flex-direction:column}.sidebar{display:none}.main-content{padding:var(--s4) var(--s4) 84px}.topbar{align-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;gap:var(--s2);justify-content:space-between;padding:var(--s3) var(--s4);position:sticky;top:0;z-index:40}.tabbar{background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);bottom:0;display:flex;justify-content:space-around;left:0;padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));position:fixed;right:0;z-index:50}.tab-item{align-items:center;border-radius:var(--r-md);color:var(--text-dim);display:flex;flex:1;flex-direction:column;font-size:10.5px;font-weight:650;gap:2px;padding:6px 2px;text-decoration:none;transition:color var(--t-fast) var(--ease),background var(--t-fast) var(--ease)}.tab-item .nav-icon{font-size:17px;width:auto}.tab-item.active{color:var(--accent);background:var(--accent-soft)}.metric{min-width:84px}.table-scroll{margin:0 calc(var(--s4) * -1);padding:0 var(--s4)}.btn{min-height:44px}.btn.small,.segment button{min-height:36px}}@media (max-width: 560px){.dash{gap:var(--s6)}.dash-headline{font-size:var(--text-2xl)}.figure{padding:var(--s3) var(--s4)}.figure-lead .figure-value{font-size:var(--text-2xl)}.flow-panel{padding:var(--s4);border-radius:var(--r-lg)}.grid.cols-2,.grid.cols-3,.grid.cols-4,.dash-tiles{grid-template-columns:1fr}.card{padding:var(--s4)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.flow-anim{animation:none!important}.ef-dot{display:none}}.bal{--bal-h: 22px;--bal-tone: var(--ok);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:var(--s2);padding:var(--s4);transition:border-color var(--t-slow) var(--ease),background var(--t-slow) var(--ease)}.bal-sm{--bal-h: 16px;padding:var(--s3);gap:5px}.bal-lg{--bal-h: clamp(26px, 3.4vw, 54px);padding:clamp(14px,1.8vw,30px);border-radius:var(--r-xl)}.bal-ok{--bal-tone: var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.bal-import{--bal-tone: var(--c-grid-import)}.bal-export{--bal-tone: var(--c-waste)}.bal-top{align-items:baseline;display:flex;gap:var(--s2);justify-content:space-between}.bal-caption{color:var(--text-dim);font-size:var(--text-sm);font-weight:600}.bal-state{color:var(--bal-tone);font-size:var(--text-sm);font-weight:750;transition:color var(--t-slow) var(--ease)}.bal-lg .bal-caption{font-size:clamp(10px,.95vw,16px)}.bal-lg .bal-state{font-size:clamp(13px,1.5vw,26px)}.bal-readout{align-items:baseline;display:flex;gap:5px}.bal-value{color:var(--bal-tone);font-size:var(--text-2xl);font-weight:780;letter-spacing:-.02em;line-height:1;transition:color var(--t-slow) var(--ease)}.bal-unit{color:var(--text-dim);font-size:var(--text-md);font-weight:700}.bal-sm .bal-value{font-size:var(--text-xl)}.bal-lg .bal-value{font-size:clamp(34px,6vw,92px)}.bal-lg .bal-unit{font-size:clamp(16px,2vw,32px)}.bal-track{background:var(--surface-3);border-radius:var(--r-full);height:var(--bal-h);overflow:hidden;position:relative;width:100%}.bal-band{background:color-mix(in srgb,var(--ok) 26%,transparent);border-radius:var(--r-full);bottom:0;position:absolute;top:0;transition:left var(--t-slow) var(--ease),width var(--t-slow) var(--ease)}.bal-zero{background:var(--text-dim);bottom:-1px;left:50%;opacity:.7;position:absolute;top:-1px;transform:translate(-50%);width:2px}.bal-fill{background:var(--bal-tone);border-radius:var(--r-full);bottom:2px;position:absolute;top:2px;transition:width var(--t-slow) var(--ease-out),background var(--t-slow) var(--ease),left var(--t-slow) var(--ease-out),right var(--t-slow) var(--ease-out)}.bal-ok .bal-track{box-shadow:0 0 0 2px color-mix(in srgb,var(--ok) 30%,transparent)}.bal-scale{color:var(--text-dim);display:flex;font-size:var(--text-xs);font-weight:600;justify-content:space-between}.bal-scale-mid{color:var(--text);font-weight:750}.bal-lg .bal-scale{font-size:clamp(10px,1vw,17px)}.fbar{--fbar-h: 34px;display:flex;flex-direction:column;gap:6px;width:100%}.fbar-line{align-items:center;display:flex;gap:var(--s2);min-width:0}.fbar-tag{color:var(--text-dim);flex-shrink:0;font-size:var(--text-sm);font-weight:600;text-align:right;width:62px}.fbar-track{display:flex;gap:3px;height:var(--fbar-h);flex:1;min-width:0}.fbar-empty{background:var(--surface-3);border-radius:var(--r-sm);flex:1}.fbar-seg{align-items:center;border-radius:var(--r-sm);display:flex;justify-content:center;min-width:0;overflow:hidden;transition:width var(--t-slow) var(--ease-out),background var(--t-med) var(--ease)}.fbar-seg-inner{align-items:center;color:#fff;display:flex;gap:5px;font-size:calc(var(--fbar-h) * .31);font-weight:750;font-variant-numeric:tabular-nums;text-shadow:0 1px 2px rgba(0,0,0,.35);white-space:nowrap}.wall{background:var(--bg);background-image:var(--bg-grad);display:flex;flex-direction:column;gap:clamp(10px,1.4vw,22px);min-height:100vh;padding:clamp(14px,1.8vw,34px);position:relative;transition:filter var(--t-slow) var(--ease)}.wall:before{background:radial-gradient(120% 100% at 50% 0%,color-mix(in srgb,var(--wall-tone, var(--c-pv)) 30%,transparent) 0%,transparent 62%);content:"";height:clamp(120px,16vh,260px);left:0;pointer-events:none;position:absolute;right:0;top:0;transition:background var(--t-slow) var(--ease)}.wall>*{position:relative;z-index:1}.wall.tone-ok{--wall-tone: var(--c-pv)}.wall.tone-waste{--wall-tone: var(--c-waste)}.wall.tone-warn{--wall-tone: var(--warn)}.wall.tone-err{--wall-tone: var(--err)}.wall.tone-idle{--wall-tone: var(--line-strong)}.wall.night{filter:brightness(.45)}.wall.night:hover{filter:brightness(1)}.wall-idle{align-items:center;justify-content:center}.wall-head{align-items:flex-start;display:flex;gap:var(--s4);justify-content:space-between}.wall-head-main{display:flex;flex-direction:column;gap:2px;min-width:0}.wall-headline{color:var(--text-strong);font-size:clamp(22px,3.6vw,60px);font-weight:750;letter-spacing:-.028em;line-height:1.04}.wall-sub{color:var(--text-dim);font-size:clamp(12px,1.35vw,22px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-head-side{align-items:flex-end;display:flex;flex-direction:column;gap:var(--s2)}.wall-clock{color:var(--text-dim);font-size:clamp(16px,2.1vw,36px);font-weight:700;line-height:1}.wall-actions{align-items:center;display:flex;gap:var(--s2);opacity:.2;transition:opacity var(--t-med) var(--ease)}.wall:hover .wall-actions{opacity:1}.wall-warn{color:var(--warn);font-size:var(--text-sm);font-weight:700}.wall-btn{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-dim);cursor:pointer;font-size:15px;height:36px;width:36px;transition:all var(--t-fast) var(--ease)}.wall-btn:hover{border-color:var(--accent);color:var(--accent)}.wall-main{display:grid;gap:clamp(10px,1.4vw,22px);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;flex:1}.wall-col{display:flex;flex-direction:column;gap:clamp(10px,1.4vw,22px);min-width:0}.wall-panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:clamp(12px,1.6vw,26px)}.wall-panel.flow{display:flex;flex-direction:column;gap:clamp(8px,1vw,16px);justify-content:center;flex:1}.wall-panel .fbar{--fbar-h: clamp(30px, 4.4vw, 66px)}.wall-panel .fbar-tag{font-size:clamp(9px,.85vw,14px);width:clamp(40px,4.5vw,74px)}.wall-kpis{display:grid;gap:clamp(8px,1.1vw,18px);grid-template-columns:repeat(2,minmax(0,1fr))}.wall-kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:2px;padding:clamp(9px,1.2vw,20px)}.wall-kpi-value{color:var(--text-strong);font-size:clamp(19px,2.6vw,44px);font-weight:760;line-height:1.05}.wall-kpi-label{color:var(--text-dim);font-size:clamp(10px,1vw,17px);font-weight:650}.wall-tiles{display:grid;gap:clamp(8px,1.1vw,18px);grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr))}.wall-tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:4px;justify-content:center;padding:clamp(10px,1.3vw,22px);transition:border-color var(--t-med) var(--ease),opacity var(--t-med) var(--ease)}.wall-tile.active{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.wall-tile.offline{border-style:dashed;opacity:.5}.wall-tile-top{align-items:center;display:flex;gap:var(--s2);min-width:0}.wall-tile-icon{font-size:clamp(15px,1.7vw,27px)}.wall-tile-name{color:var(--text-dim);font-size:clamp(11px,1.1vw,18px);font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wall-tile-value{color:var(--text-strong);font-size:clamp(21px,2.8vw,46px);font-weight:760;line-height:1.05}.wall-tile-sub{color:var(--text-dim);font-size:clamp(10px,1vw,16px);font-weight:600}.wall-soc{background:var(--surface-3);border-radius:var(--r-full);height:clamp(5px,.6vw,10px);overflow:hidden}.wall-soc-fill{border-radius:var(--r-full);height:100%;transition:width var(--t-slow) var(--ease-out)}@media (max-aspect-ratio: 4/5),(max-width: 780px){.wall-main{grid-template-columns:1fr}.wall-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}.limit{border-top:1px solid var(--line);display:flex;flex-direction:column;gap:5px;padding-top:var(--s2)}.limit-head{align-items:baseline;display:flex;justify-content:space-between}.limit-label{color:var(--text-dim);font-size:var(--text-xs);font-weight:650}.limit-value{color:var(--text-strong);font-size:var(--text-md);font-weight:750}.limit-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer;margin:0;width:100%;height:24px}.limit-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--c-car) var(--limit-pct, 60%),var(--surface-3) var(--limit-pct, 60%));border-radius:var(--r-full);height:6px}.limit-range::-moz-range-track{background:linear-gradient(90deg,var(--c-car) var(--limit-pct, 60%),var(--surface-3) var(--limit-pct, 60%));border-radius:var(--r-full);height:6px}.limit-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface);border:2px solid var(--c-car);border-radius:50%;box-shadow:var(--shadow-sm);height:18px;width:18px;margin-top:-6px;transition:transform var(--t-fast) var(--ease)}.limit-range::-moz-range-thumb{background:var(--surface);border:2px solid var(--c-car);border-radius:50%;box-shadow:var(--shadow-sm);height:18px;width:18px}.limit-range:active::-webkit-slider-thumb{transform:scale(1.25)}.limit-range:disabled{opacity:.45;cursor:not-allowed}.limit-scale{color:var(--text-dim);display:flex;font-size:10px;justify-content:space-between}html,body{overflow-x:clip;max-width:100%}#root,.app-shell{overflow-x:clip}.main-content,.figures,.tile,.card,.panel,.col,.row{min-width:0}.banner-text,.badge,.tile-reason,.tile-name,.figure,.empty{overflow-wrap:anywhere}.badge{max-width:100%}@media (max-width: 760px),((pointer: coarse) and (max-width: 900px)){.metric-value{font-size:var(--text-lg)}.bal{padding:var(--s3)}.bal-value{font-size:var(--text-2xl)}.fbar{--fbar-h: 30px}.fbar-tag{font-size:9px;width:40px}.tile{padding:var(--s4);gap:var(--s3);border-radius:var(--r-lg)}.tile-power{font-size:var(--text-2xl)}.segment{width:100%}.segment button{flex:1;min-width:0}.tile-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}.tile-actions .btn{min-width:0;overflow:hidden;padding:0 var(--s2);text-overflow:ellipsis}.limit-range{height:34px}.limit-range::-webkit-slider-thumb{height:26px;width:26px;margin-top:-10px}.limit-range::-moz-range-thumb{height:26px;width:26px}.card{padding:var(--s4);border-radius:var(--r-lg)}.card-head{gap:var(--s2);margin-bottom:var(--s3)}.table-scroll{margin:0;padding:0}table.table{font-size:var(--text-xs)}table.table th,table.table td{padding:8px 6px}.main-content>*{animation:page-in .38s var(--ease-out) both}.dash-tiles>*{animation:tile-in .42s var(--ease-out) both}.tile,.card,.btn,.segment button{-webkit-tap-highlight-color:transparent}.tile:active{transform:scale(.985)}.tile{transition:transform .14s var(--ease),border-color var(--t-med) var(--ease)}.btn:active:not(:disabled){transform:scale(.94)}.segment button.active{transition:background .18s var(--ease-out),color .18s var(--ease-out)}.bar-fill,.bal-fill,.fbar-seg,.wall-soc-fill{transition-duration:.56s}}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes tile-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.ld-page{display:flex;flex-direction:column;gap:var(--s5)}.ld{display:flex;flex-direction:column;gap:var(--s6)}.ld-hero{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s6)}.ld-hero .art{flex:1 1 320px;max-width:480px;min-width:240px}@media (max-width: 720px){.ld-hero{flex-direction:column;align-items:stretch}.ld-hero .art{max-width:100%}}.ld-info{display:flex;flex-direction:column;gap:var(--s2);flex:1 1 200px;min-width:0}.ld-name{font-size:var(--text-lg);font-weight:650;letter-spacing:-.015em;margin:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-state{align-items:center;display:flex;flex-wrap:wrap;gap:var(--s3)}.ld-power{color:var(--text-strong);font-size:var(--text-lg);font-weight:700}.ld-big{align-items:baseline;color:var(--text-strong);display:flex;gap:3px;line-height:1}.ld-big .num{font-size:var(--text-3xl);font-weight:750;letter-spacing:-.03em}.ld-big small{color:var(--text-dim);font-size:var(--text-lg);font-weight:650}.ld-note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:var(--text-sm);margin:0;overflow:hidden}.ld-warn{align-items:center;color:var(--warn);display:flex;gap:var(--s2);font-size:var(--text-sm);font-weight:600;margin:0}.ld-hint{color:var(--text-dim);font-size:var(--text-xs);line-height:1.5;margin:0}.ld-readout{background:var(--line);border:1px solid var(--line);border-radius:var(--r-md);display:grid;gap:1px;overflow:hidden;grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.ld-readout>div{background:var(--surface);display:flex;flex-direction:column;gap:2px;min-width:0;padding:var(--s3) var(--s4)}.ld-readout span{color:var(--text-dim);font-size:var(--text-sm);font-weight:550;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-readout b{color:var(--text-strong);font-size:var(--text-lg);font-weight:700}.ld-block{display:flex;flex-direction:column;gap:var(--s3)}.ld-block-head{align-items:baseline;display:flex;gap:var(--s3);justify-content:space-between}.ld-block-head b{color:var(--text-strong);font-size:var(--text-lg)}.ld-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.ld-row .btn{flex:1 1 auto;min-width:0}.ld-pending{background:var(--surface-3);border-radius:999px;height:2px;opacity:0;overflow:hidden;position:relative;transition:opacity var(--t-med) var(--ease)}.ld-pending.on{opacity:1}.ld-pending.on:after{animation:ld-sweep 1.1s var(--ease) infinite;background:var(--accent);border-radius:999px;content:"";height:100%;left:0;position:absolute;width:40%}@keyframes ld-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.ld-info-btn{align-items:center;align-self:flex-start;background:transparent;border:0;border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--text-xs);font-weight:600;gap:var(--s1);margin:0;padding:var(--s1) var(--s2) var(--s1) 0;transition:color var(--t-fast) var(--ease)}.ld-info-btn:hover{color:var(--text-strong)}.ld-modes{display:flex;flex-direction:column;gap:var(--s3);list-style:none;margin:0;padding:var(--s4);background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.ld-modes li{display:flex;flex-direction:column;gap:1px}.ld-modes li b{color:var(--text-dim);font-size:var(--text-sm);font-weight:650}.ld-modes li.on b{color:var(--accent)}.ld-modes li span{color:var(--text);font-size:var(--text-sm);line-height:1.45}.ld-slider{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;height:24px;margin:0;width:100%}.ld-slider::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) var(--pct, 60%),var(--surface-3) var(--pct, 60%));border-radius:999px;height:6px}.ld-slider::-moz-range-track{background:linear-gradient(90deg,var(--accent) var(--pct, 60%),var(--surface-3) var(--pct, 60%));border-radius:999px;height:6px}.ld-slider::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--surface);border:2.5px solid var(--accent);border-radius:50%;box-shadow:var(--shadow-sm);height:20px;margin-top:-7px;width:20px;transition:transform var(--t-fast) var(--ease)}.ld-slider::-moz-range-thumb{background:var(--surface);border:2.5px solid var(--accent);border-radius:50%;box-shadow:var(--shadow-sm);height:16px;width:16px}.ld-slider:active::-webkit-slider-thumb{transform:scale(1.15)}.ld-switch{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);display:flex;gap:4px;padding:4px}.ld-switch-item{background:transparent;border:0;border-radius:var(--r-sm);color:var(--text-dim);cursor:pointer;flex:1 1 0;font:inherit;font-size:var(--text-sm);font-weight:600;min-height:40px;min-width:0;padding:0 var(--s3);transition:background var(--t-fast) var(--ease),color var(--t-fast) var(--ease)}.ld-switch-item span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ld-switch-item:hover{color:var(--text-strong)}.ld-switch-item.on{background:var(--surface);box-shadow:var(--shadow-sm);color:var(--text-strong)}.cycle-list{display:flex;flex-direction:column;gap:var(--s3);list-style:none;margin:0;padding:0}.cycle{align-items:center;display:grid;gap:var(--s4);grid-template-columns:58px 1fr 92px}.cycle-when{display:flex;flex-direction:column;font-size:var(--text-xs);line-height:1.25}.cycle-when b{color:var(--text-strong);font-size:var(--text-sm)}.cycle-track{background:var(--surface-3);border-radius:999px;height:10px;overflow:hidden}.cycle-bar{background:var(--c-grid-import);border-radius:999px;height:100%;min-width:4px;overflow:hidden;transition:width var(--t-slow) var(--ease)}.cycle-solar{background:var(--c-pv);height:100%}.cycle-nums{display:flex;flex-direction:column;min-width:0;text-align:right}.cycle-nums b{color:var(--text-strong);font-size:var(--text-sm)}.cycle-nums span{font-size:var(--text-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dev-group{display:flex;flex-direction:column;gap:var(--s4)}.dev-group-head{display:flex;flex-direction:column;gap:2px}.dev-group-head h2{margin:0}.dev-group-head span{font-size:var(--text-sm)}.tile-title{min-width:0}.tile-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 560px){.ld-hero{gap:var(--s4)}.ld{gap:var(--s5)}.cycle{gap:var(--s3);grid-template-columns:50px 1fr 80px}}@media (prefers-reduced-motion: reduce){.ld-pending.on:after{animation:none;width:100%;opacity:.5}}.art{display:block;height:auto;width:100%;overflow:visible}.art-shadow{fill:var(--text-dim);opacity:.14}.art-body{fill:var(--surface-2);stroke:none}.art-body-line{fill:none;stroke:var(--art-line);stroke-width:2.5;stroke-linejoin:round}.art-cap{fill:var(--art-metal);stroke:var(--art-line);stroke-width:2.5}.art-glass{stroke:var(--art-line);stroke-width:1.5;stroke-linejoin:round}.art-tyre{fill:var(--art-tyre)}.art-rim{fill:var(--art-metal);stroke:var(--art-line);stroke-width:1.5}.art-hub{fill:var(--art-line)}.art-detail{fill:none;stroke:var(--art-line);stroke-width:1.5;opacity:.5}.art-trim{fill:var(--art-line);opacity:.75}.art-lamp{fill:var(--art-line);opacity:.5}.art-pipe{fill:none;stroke:var(--art-line);stroke-width:6.5;stroke-linecap:butt;stroke-linejoin:round;opacity:.4}.art-level{transition:y var(--t-slow) var(--ease),height var(--t-slow) var(--ease)}.art-surface{fill:#fff;opacity:.5}.art-surface-e{fill:color-mix(in srgb,var(--c-water) 32%,#fff);stroke:color-mix(in srgb,var(--c-water) 55%,#fff);stroke-width:1.25;opacity:.8;transition:cy var(--t-slow) var(--ease)}.art-port{fill:var(--surface-3);stroke:var(--art-line);stroke-width:2}.art-port.on{fill:var(--c-car);stroke:var(--c-car)}.art-cable{fill:none;stroke:var(--art-line);stroke-width:5;stroke-linecap:round;transition:stroke var(--t-med) var(--ease)}.art-cable .art-plug{fill:var(--art-line);stroke:none}.art-cable.live{stroke:var(--c-car)}.art-cable.live .art-plug{fill:var(--c-car)}.art-rod>rect{fill:var(--art-line);transition:fill var(--t-med) var(--ease)}.art-rod.on>rect{fill:var(--c-waste)}.art-rod-cap{fill:var(--art-metal);stroke:var(--art-line);stroke-width:2;transition:fill var(--t-med) var(--ease),stroke var(--t-med) var(--ease)}.art-rod-cap.on{fill:var(--c-waste);stroke:var(--c-waste)}.art-heat{fill:none;stroke:var(--c-waste);stroke-width:2.5;stroke-linecap:round;opacity:.7}.art-heat path{animation:art-rise 3.4s ease-in-out infinite}.art-heat path:nth-child(2){animation-delay:1.1s}.art-heat path:nth-child(3){animation-delay:2.2s}@keyframes art-rise{0%{opacity:0;transform:translateY(8px)}40%{opacity:.8}to{opacity:0;transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){.art-heat path{animation:none;opacity:.6}}.m-app{--m-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI Variable", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--m-tabbar-h: 50px;--m-r-card: 18px;--m-r-inner: 12px;--m-gap: 12px;--m-pad: 16px;--m-spring: cubic-bezier(.22, 1, .36, 1);--m-fast: .18s;--m-med: .3s;background:var(--m-bg);color:var(--m-text);font-family:var(--m-font);-webkit-font-smoothing:antialiased;min-height:100vh;min-height:100dvh;overflow-x:clip;width:100%}[data-theme=light] .m-app{--m-bg: #f2f2f7;--m-card: #ffffff;--m-card-2: #f7f7fa;--m-sep: rgba(60, 60, 67, .12);--m-text: #1c1c1e;--m-text-2: #6c6c70;--m-text-3: #9a9aa0;--m-blur: rgba(249, 249, 251, .82);--m-shadow: 0 1px 3px rgba(0, 0, 0, .05)}[data-theme=dark] .m-app{--m-bg: #000000;--m-card: #1c1c1e;--m-card-2: #2c2c2e;--m-sep: rgba(84, 84, 88, .5);--m-text: #ffffff;--m-text-2: #98989f;--m-text-3: #6c6c70;--m-blur: rgba(28, 28, 30, .78);--m-shadow: none}.m-app *,.m-app *:before,.m-app *:after{box-sizing:border-box}.m-app :is(div,section,header,span,p,h1,h2,h3){min-width:0;max-width:100%}.m-scroll{padding:0 var(--m-pad) calc(76px + env(safe-area-inset-bottom,0px));padding-top:env(safe-area-inset-top,0px)}.m-title-bar{align-items:flex-end;display:flex;gap:var(--m-gap);justify-content:space-between;padding:14px 0 10px}.m-title{font-size:32px;font-weight:750;letter-spacing:-.022em;line-height:1.1;margin:0}.m-title-sub{color:var(--m-text-2);font-size:13px;font-weight:500}.m-live{align-items:center;color:var(--m-text-2);display:flex;font-size:13px;font-weight:600;gap:6px}.m-live-dot{border-radius:50%;height:8px;width:8px;background:var(--ok);flex-shrink:0}.m-live-dot.off{background:var(--m-text-3)}.m-section{color:var(--m-text);font-size:17px;font-weight:660;letter-spacing:-.01em;margin:26px 4px 9px}.m-card{background:var(--m-card);border-radius:var(--m-r-card);box-shadow:var(--m-shadow);overflow:hidden;width:100%}.m-card-pad{padding:var(--m-pad)}.m-balance{display:flex;flex-direction:column;gap:12px;padding:18px var(--m-pad)}.m-balance-top{align-items:center;display:flex;justify-content:space-between;gap:10px}.m-balance-cap{color:var(--m-text-2);font-size:14px;font-weight:600}.m-balance-pill{background:var(--m-tone-soft);border-radius:999px;color:var(--m-tone);font-size:12.5px;font-weight:700;padding:4px 11px;white-space:nowrap}.m-balance-read{align-items:baseline;display:flex;gap:6px;justify-content:center}.m-balance-val{color:var(--m-tone);font-size:52px;font-weight:730;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums;transition:color var(--m-med) var(--m-spring)}.m-balance-unit{color:var(--m-text-2);font-size:20px;font-weight:650}.m-balance-track{background:var(--m-card-2);border-radius:999px;height:26px;overflow:hidden;position:relative;width:100%}.m-balance-band{background:color-mix(in srgb,var(--ok) 28%,transparent);bottom:0;position:absolute;top:0;transition:left var(--m-med) var(--m-spring),width var(--m-med) var(--m-spring)}.m-balance-zero{background:var(--m-text-3);bottom:0;left:50%;opacity:.85;position:absolute;top:0;transform:translate(-50%);width:2px}.m-balance-fill{background:var(--m-tone);border-radius:999px;bottom:3px;position:absolute;top:3px;transition:width .52s var(--m-spring),left .52s var(--m-spring),right .52s var(--m-spring),background var(--m-med) var(--m-spring)}.m-balance-scale{color:var(--m-text-3);display:flex;font-size:11.5px;font-weight:600;justify-content:space-between}.m-tone-ok{--m-tone: var(--c-pv);--m-tone-soft: color-mix(in srgb, var(--c-pv) 15%, transparent)}.m-tone-import{--m-tone: var(--c-grid-import);--m-tone-soft: color-mix(in srgb, var(--c-grid-import) 15%, transparent)}.m-tone-export{--m-tone: var(--c-waste);--m-tone-soft: color-mix(in srgb, var(--c-waste) 15%, transparent)}.m-stats{background:var(--m-sep);border-radius:var(--m-r-card);display:grid;gap:1px;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}.m-price-tag{background:var(--m-fill);border-radius:999px;color:var(--m-text-2);font-size:12px;font-weight:650;padding:3px 9px;white-space:nowrap}.m-price-tag.cheap{background:color-mix(in srgb,var(--c-pv) 18%,transparent);color:var(--c-pv)}.m-stat{background:var(--m-card);display:flex;flex-direction:column;gap:2px;padding:14px var(--m-pad)}.m-stat-wide{grid-column:span 2}.m-stat-val.pv{color:var(--c-pv)}.m-stat-val.waste{color:var(--c-waste)}.m-stat-val.battery{color:var(--c-battery)}.m-stat-val.none{color:var(--m-text-3)}.m-stat-val{color:var(--m-text);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.15;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.m-stat-lab{color:var(--m-text-2);font-size:12.5px;font-weight:550}.m-footnote{color:var(--m-text-2);font-size:13px;line-height:1.45;margin:2px 4px 0;overflow-wrap:anywhere}.m-btn-wide{justify-content:center;min-height:48px;width:100%}.m-flow{display:flex;flex-direction:column;gap:16px;padding:var(--m-pad)}.m-flow-row{display:flex;flex-direction:column;gap:7px;min-width:0}.m-flow-head{align-items:baseline;display:flex;gap:8px;justify-content:space-between}.m-flow-tag{color:var(--m-text-2);font-size:13px;font-weight:600}.m-flow-sum{color:var(--m-text);font-size:13.5px;font-weight:700}.m-flow-track{background:var(--m-card-2);border-radius:999px;display:flex;height:14px;min-width:0;overflow:hidden;width:100%}.m-flow-seg{min-width:0;transition:width .52s var(--m-spring)}.m-flow-seg+.m-flow-seg{box-shadow:inset 1.5px 0 0 var(--m-card)}.m-flow-empty{flex:1}.m-flow-legend{display:flex;flex-wrap:wrap;gap:4px 14px}.m-flow-key{align-items:center;color:var(--m-text-2);display:flex;gap:5px}.m-flow-key i{border-radius:3px;height:9px;width:9px;flex:none}.m-flow-key b{color:var(--m-text);font-size:12.5px;font-weight:650}.m-dev{display:flex;flex-direction:column}.m-dev+.m-dev{border-top:1px solid var(--m-sep)}.m-dev-head{align-items:center;display:flex;gap:12px;padding:14px var(--m-pad);width:100%;background:none;border:none;color:inherit;font:inherit;text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent}.m-dev-head:active{background:var(--m-card-2)}.m-dev-icon{align-items:center;background:var(--m-icon-bg, var(--m-card-2));border-radius:10px;display:flex;flex-shrink:0;font-size:17px;height:34px;justify-content:center;width:34px}.m-dev-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.m-dev-name{font-size:15.5px;font-weight:600;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-dev-sub{color:var(--m-text-2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.m-dev-right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:1px}.m-dev-power{font-size:17px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.015em}.m-dev-chev{color:var(--m-text-3);font-size:13px;transition:transform var(--m-fast) var(--m-spring);flex-shrink:0}.m-dev-chev.open{transform:rotate(90deg)}.m-dev-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--m-med) var(--m-spring)}.m-dev-body.open{grid-template-rows:1fr}.m-dev-body-inner{overflow:hidden}.m-dev-controls{display:flex;flex-direction:column;gap:12px;padding:2px var(--m-pad) 16px}.m-seg{background:var(--m-card-2);border-radius:9px;display:grid;gap:2px;padding:2px;grid-auto-flow:column;grid-auto-columns:1fr;width:100%}.m-seg button{background:transparent;border:none;border-radius:7px;color:var(--m-text);cursor:pointer;font:inherit;font-size:13px;font-weight:600;min-height:32px;min-width:0;overflow:hidden;padding:0 4px;text-overflow:ellipsis;white-space:nowrap;transition:background var(--m-fast) var(--m-spring);-webkit-tap-highlight-color:transparent}.m-seg button.on{background:var(--m-card);box-shadow:0 1px 3px #0000001f}.m-btnrow{display:grid;gap:8px;grid-auto-flow:column;grid-auto-columns:1fr}.m-btn{align-items:center;background:var(--m-card-2);border:none;border-radius:10px;color:var(--m-text);cursor:pointer;display:flex;font:inherit;font-size:13.5px;font-weight:600;gap:5px;justify-content:center;min-height:42px;min-width:0;overflow:hidden;padding:0 6px;white-space:nowrap;transition:transform var(--m-fast) var(--m-spring),background var(--m-fast) var(--m-spring);-webkit-tap-highlight-color:transparent}.m-btn:active{transform:scale(.95)}.m-btn.on{background:var(--accent);color:#fff}.m-btn:disabled{opacity:.4}.m-limit{display:flex;flex-direction:column;gap:6px}.m-limit-head{align-items:baseline;display:flex;justify-content:space-between}.m-limit-lab{color:var(--m-text-2);font-size:12.5px;font-weight:600}.m-limit-val{font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}.m-range{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:34px;margin:0;width:100%}.m-range::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--c-car) var(--m-pct, 60%),var(--m-card-2) var(--m-pct, 60%));border-radius:999px;height:8px}.m-range::-moz-range-track{background:linear-gradient(90deg,var(--c-car) var(--m-pct, 60%),var(--m-card-2) var(--m-pct, 60%));border-radius:999px;height:8px}.m-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000047;height:26px;width:26px;margin-top:-9px}.m-range::-moz-range-thumb{background:#fff;border:none;border-radius:50%;box-shadow:0 2px 6px #00000047;height:26px;width:26px}.m-note{align-items:flex-start;border-radius:var(--m-r-card);display:flex;gap:10px;padding:13px var(--m-pad);width:100%}.m-note-txt{display:flex;flex-direction:column;gap:2px;min-width:0}.m-note-txt strong{font-size:14.5px;font-weight:650}.m-note-txt span{font-size:12.5px;overflow-wrap:anywhere}.m-note.warn{background:color-mix(in srgb,var(--warn) 16%,var(--m-card));color:var(--m-text)}.m-note.err{background:color-mix(in srgb,var(--err) 16%,var(--m-card));color:var(--m-text)}.m-note.info{background:var(--m-card);color:var(--m-text)}.m-tabs{background:var(--m-blur);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--m-sep);bottom:0;display:grid;grid-auto-columns:1fr;grid-auto-flow:column;left:0;padding-bottom:env(safe-area-inset-bottom,0px);position:fixed;right:0;z-index:60}.m-tab{align-items:center;color:var(--m-text-3);display:flex;flex-direction:column;gap:2px;font-size:10px;font-weight:550;min-height:49px;justify-content:center;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--m-fast) var(--m-spring)}.m-tab-icon{font-size:20px;line-height:1}.m-tab.on{color:var(--accent)}.m-tab:active{opacity:.6}@media (max-width: 400px){.m-tab{font-size:9.5px;letter-spacing:-.015em}.m-tab-icon{font-size:19px}}@media (max-width: 340px){.m-tab{font-size:9px}}.m-in{animation:m-in .38s var(--m-spring) both}@keyframes m-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.m-stagger>*{animation:m-in .4s var(--m-spring) both}@media (prefers-reduced-motion: reduce){.m-app *,.m-app *:before,.m-app *:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media (max-width: 360px){.m-app{--m-pad: 14px}.m-seg button{font-size:11.5px;letter-spacing:-.02em}.m-btn{font-size:12.5px;gap:3px}.m-balance-val{font-size:46px}.m-stat-val{font-size:21px}.m-title{font-size:28px}}.m-note-close{background:transparent;border:none;border-radius:8px;color:var(--m-text-2);cursor:pointer;flex-shrink:0;font-size:14px;height:30px;margin-left:auto;padding:0;width:30px;-webkit-tap-highlight-color:transparent}.m-note-close:active{background:var(--m-card-2)}.m-tabs button.m-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;cursor:pointer;font:inherit;font-size:inherit;font-weight:inherit;padding:0}.m-sheet-scrim{animation:m-fade .18s var(--m-spring) both;background:var(--scrim, rgba(0,0,0,.45));border:0;top:0;right:0;bottom:0;left:0;padding:0;position:fixed;z-index:59}@keyframes m-fade{0%{opacity:0}to{opacity:1}}.m-sheet{animation:m-rise .24s var(--m-spring) both;background:var(--m-card);border-top:1px solid var(--m-line);border-radius:22px 22px 0 0;bottom:calc(var(--m-tabbar-h, 64px) + env(safe-area-inset-bottom,0px));box-shadow:0 -12px 40px -12px #00000073;display:flex;flex-direction:column;gap:2px;left:0;padding:10px;position:fixed;right:0;z-index:61}@keyframes m-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.m-sheet-item{align-items:center;border-radius:12px;color:var(--m-text);display:flex;gap:12px;font-size:15px;font-weight:600;min-height:48px;padding:0 14px;text-decoration:none}.m-sheet-item:active{background:var(--m-card-2)}.m-sheet-item.on{background:var(--m-card-2);color:var(--accent)}@media (prefers-reduced-motion: reduce){.m-sheet,.m-sheet-scrim{animation:none}}