:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#10141a;--surface:#1a2029;--border:#2a3140;--text:#e6e9ef;--muted:#8b93a3;--accent:#4f8cff;--green:#3ecf8e;--red:#f0555a;--amber:#e0a83e}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,sans-serif}.shell{max-width:960px;margin:0 auto;padding:0 1.5rem 3rem}.topbar{justify-content:space-between;align-items:center;padding:1.25rem 0;display:flex}.brand{color:var(--text);font-size:1.2rem;font-weight:600;text-decoration:none}.brand-mark{text-align:center;background:var(--accent);color:#fff;border-radius:6px;width:1.6rem;height:1.6rem;margin-right:.4rem;line-height:1.6rem;display:inline-block}.accent{color:var(--accent)}button,.button-link{background:var(--surface);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:.5rem .9rem;font-size:.9rem;text-decoration:none;display:inline-block}button:hover:not(:disabled),.button-link:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:default}.logout-button{background:0 0}.login-page{justify-content:center;padding-top:4rem;display:flex}.login-form{flex-direction:column;gap:.9rem;width:100%;max-width:300px;display:flex}.login-form input{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.6rem .8rem;font-size:1rem}.passkey-button{border-color:var(--accent)}.login-form .divider{text-align:center;color:var(--muted);margin:0;font-size:.8rem}.card-stack{flex-direction:column;gap:1rem;margin:1rem 0;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:1rem 1.1rem}.card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.card-header h3{margin:0;font-size:1rem}.card-actions{gap:.5rem;margin-top:.8rem;display:flex}.meta{color:var(--muted);margin:.4rem 0 0;font-size:.85rem}.status-pill{border:1px solid var(--border);border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.status-pill.online{color:var(--green);border-color:var(--green)}.status-pill.stopped{color:var(--muted)}.status-pill.errored{color:var(--red);border-color:var(--red)}.status-pill.unknown,.status-pill.starting{color:var(--amber);border-color:var(--amber)}.error{color:var(--red)}.modal-overlay{z-index:100;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:480px;padding:1.2rem}.modal-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.modal-header h3{color:var(--red);margin:0;font-size:1rem}.modal-body{white-space:pre-wrap;margin:.8rem 0;font-size:.9rem}.modal-actions{justify-content:flex-end;display:flex}.icon-button{color:var(--muted);background:0 0;border:none;padding:.2rem .4rem;font-size:1.2rem;line-height:1}.icon-button:hover{color:var(--text);border-color:#0000}.confirm-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.confirm-dialog{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:1.5rem;box-shadow:0 24px 60px #00000080}.confirm-dialog h3{margin:0 0 .6rem;font-size:1.1rem}.confirm-dialog p{color:var(--muted);margin:0 0 1.2rem;font-size:.9rem;line-height:1.45}.confirm-input{color:var(--muted);flex-direction:column;gap:.4rem;margin-bottom:1.2rem;font-size:.85rem;display:flex}.confirm-input input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.6rem .8rem;font-size:1rem}.confirm-actions{justify-content:flex-end;gap:.6rem;display:flex}.danger-button{border-color:var(--red);color:var(--red)}.danger-button:hover:not(:disabled){border-color:var(--red);background:#f0555a1f}.primary-button{border-color:var(--accent);color:var(--accent)}.dashboard{padding-top:.5rem}.summary-card{grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem;display:grid}.summary-item{flex-direction:column;gap:.2rem;display:flex}.power-value{font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:600}.toolbar{justify-content:space-between;align-items:center;margin-top:1rem;display:flex}.range-switch{gap:.3rem;display:inline-flex}.range-switch button{padding:.25rem .65rem;font-size:.8rem}.range-switch button.active{border-color:var(--accent);color:var(--accent)}.device-card .power-row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.8rem;margin-top:.7rem;display:flex}.device-card .power-row .meta{margin:0}.sparkline{width:100%;height:56px;margin-top:.7rem;display:block}.spark-area{fill:var(--accent);opacity:.15}.spark-line{fill:none;stroke:var(--accent);stroke-width:1.6px;vector-effect:non-scaling-stroke}.spark-caption{margin-top:.2rem}@media (width<=480px){.summary-card{grid-template-columns:1fr 1fr 1fr;gap:.5rem}.power-value{font-size:1.15rem}}.refresh-group{align-items:center;gap:.5rem;display:inline-flex}.refresh-button{border:1px solid var(--border);color:var(--text);border-radius:6px;padding:.3rem .45rem;line-height:0}.refresh-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.refresh-button.spinning svg{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.heating-card{margin-top:1rem}.heating-grid{grid-template-columns:repeat(3,1fr);gap:.9rem 1rem;margin-top:.9rem;display:grid}.heating-item{flex-direction:column;gap:.15rem;display:flex}.heating-item .power-value{font-size:1.25rem}.heating-chart{background:#ffffff05;border-radius:6px;width:100%;height:90px;margin-top:0;display:block}.chart-line{fill:none;stroke-width:1.6px;vector-effect:non-scaling-stroke}.line-outside{stroke:var(--muted)}.line-supply{stroke:var(--accent)}.line-dhw{stroke:var(--amber)}.run-band{fill:var(--green);opacity:.12}.chart-legend{margin-top:.3rem}.legend{margin-right:.7rem;padding-left:.9rem;position:relative}.legend:before{content:"";background:currentColor;border-radius:2px;width:.6rem;height:3px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.legend.line-outside{color:var(--muted);stroke:none}.legend.line-supply{color:var(--accent)}.legend.line-dhw{color:var(--amber)}.legend.band{color:var(--green)}.heating-details{margin-top:.8rem;font-size:.9rem}.heating-details summary{cursor:pointer;color:var(--muted)}.detail-list{margin:.6rem 0;padding-left:1.1rem;line-height:1.6}.detail-list.messages{font-size:.85rem}@media (width<=480px){.heating-grid{grid-template-columns:1fr 1fr}}.power-card{margin-top:1rem}.power-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:.9rem;display:grid}.power-meter{flex-direction:column;gap:.2rem;display:flex}.power-meter h4{margin:0;font-size:.9rem}.power-meter .power-value{font-size:1.35rem}.power-bars{background:#ffffff05;border-radius:6px;width:100%;height:110px;margin-top:1rem;display:block}.power-bars .bar{cursor:pointer}.power-curve{background:#ffffff05;border-radius:6px;width:100%;height:100px;margin-top:.4rem;display:block}.day-title{color:var(--muted);margin:1rem 0 0;font-size:.85rem;font-weight:500}@media (width<=480px){.power-grid{grid-template-columns:1fr}}.day-totals{flex-wrap:wrap;align-items:baseline;gap:.2rem 1rem;margin:.3rem 0 0;font-size:.9rem;display:flex}.day-total{white-space:nowrap}.curve-wrap{margin-top:.4rem}.curve-ymax{color:var(--muted);text-align:right;margin-bottom:.15rem;font-size:.75rem;line-height:1.2}.curve-wrap .power-curve{margin-top:0}.grid-line{stroke:var(--border);stroke-width:1px;stroke-dasharray:3 3}.curve-xaxis{height:1.1rem;color:var(--muted);margin-top:.15rem;font-size:.75rem;position:relative}.curve-xaxis span{position:absolute;top:0}.daily-wrap{overflow-x:auto}.daily-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:.78rem}.daily-table th,.daily-table td{text-align:right;border-bottom:1px solid var(--border,#80808040);padding:.15rem .45rem}.daily-table th:first-child,.daily-table td:first-child{text-align:left}.daily-table tr.partial td{opacity:.55}.heating-card .curve-wrap{margin-top:1rem}.curve-ymin{color:var(--muted);text-align:right;margin-top:.15rem;font-size:.75rem;line-height:1.2}.hue-room h4{margin:.8rem 0 .2rem;font-size:.9rem}.hue-list li{flex-wrap:wrap;align-items:baseline;gap:.35rem;display:flex}.hue-list li.off,.hue-list li.unreachable{opacity:.7}.hue-dot{background:var(--border,#666);border-radius:50%;flex:none;width:.6rem;height:.6rem;display:inline-block}.hue-dot.on{background:#f5c542}.hue-card{margin-top:1rem}.hue-autos li{display:block}.hue-slot{margin-left:.9rem}.cam-card{margin-top:1rem}.cam-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.8rem;margin-top:.8rem;display:grid}.cam-item{margin:0}.cam-item img{aspect-ratio:16/9;object-fit:cover;cursor:zoom-in;background:#000;border-radius:6px;width:100%;display:block}.cam-item figcaption{margin-top:.3rem}.cam-big{width:100%;max-width:min(96vw,1400px)}.cam-big img{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:80vh;display:block}.cam-big-bar{color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;margin-top:.5rem;font-size:.9rem;display:flex}.cam-big-media{position:relative}.cam-big video{background:#000;border-radius:8px;width:100%;max-height:80vh;display:block}.cam-live-state{color:#fff;pointer-events:none;background:#00000073;border-radius:8px;justify-content:center;align-items:center;margin:0;display:flex;position:absolute;inset:0}.cam-modes{flex-wrap:wrap;justify-content:flex-end;gap:.3rem;display:inline-flex}.cam-modes button{padding:.25rem .65rem;font-size:.8rem}.cam-modes button.active{border-color:var(--accent);color:var(--accent)}