.app-shell{background:var(--color-bg);grid-template-columns:232px 1fr;min-height:100vh;display:grid}.app-shell__nav{gap:var(--space-6);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);background:var(--color-bg-elevated);flex-direction:column;display:flex}.app-shell__brand{align-items:center;gap:var(--space-3);padding:0 var(--space-2);display:flex}.app-shell__brand-mark{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-cyan), #5ee7ff);width:32px;height:32px;box-shadow:var(--shadow-cyan-glow)}.app-shell__brand-text{flex-direction:column;line-height:1.1;display:flex}.app-shell__brand-text strong{color:var(--color-text);letter-spacing:.02em;font-size:16px}.app-shell__brand-text span{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.12em;font-size:12px}.app-shell__links{gap:var(--space-1);flex-direction:column;display:flex}.app-shell__link{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);font-weight:500;display:block}.app-shell__link:hover{color:var(--color-text);background:var(--color-card)}.app-shell__link.is-active{color:var(--color-cyan);background:var(--color-cyan-dim)}.app-shell__status{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-card);color:var(--color-text-muted);margin-top:auto;font-size:12px;display:flex}.app-shell__status-dot{border-radius:var(--radius-full);background:var(--color-amber);width:8px;height:8px;box-shadow:0 0 8px var(--color-amber)}.app-shell__main{padding:var(--space-6) var(--space-8);overflow-y:auto}@media (width<=768px){.app-shell{grid-template-columns:1fr}.app-shell__nav{padding:var(--space-3) var(--space-4);flex-direction:row;align-items:center;overflow-x:auto}.app-shell__links{flex-direction:row;flex:1}.app-shell__status{display:none}.app-shell__main{padding:var(--space-4)}}.page-header{margin-bottom:var(--space-6)}.page-header__title{letter-spacing:-.01em;color:var(--color-text);margin:0;font-size:28px;font-weight:600}.page-header__subtitle{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:14px}.page{gap:var(--space-5);flex-direction:column;display:flex}.page__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.body-temp-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-direction:column;display:flex;position:relative;overflow:hidden}.body-temp-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.body-temp-card--cyan:before{background:linear-gradient(90deg, var(--color-cyan), transparent)}.body-temp-card--orange:before{background:linear-gradient(90deg, var(--color-orange), transparent)}.body-temp-card__head{justify-content:space-between;align-items:baseline;display:flex}.body-temp-card__name{color:var(--color-text);font-size:14px;font-weight:600}.body-temp-card__kind{text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dim);font-size:11px}.body-temp-card__temp{align-items:baseline;gap:var(--space-2);display:flex}.body-temp-card__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:64px;font-weight:600;line-height:1}.body-temp-card--cyan .body-temp-card__value{color:var(--color-cyan)}.body-temp-card--orange .body-temp-card__value{color:var(--color-orange)}.body-temp-card__unit{color:var(--color-text-muted);font-size:20px}.body-temp-card__row{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.body-temp-card__row>div{flex-direction:column;gap:2px;display:flex}.body-temp-card__label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-size:11px}.body-temp-card__metric{color:var(--color-text);text-transform:capitalize;font-variant-numeric:tabular-nums;font-size:14px}.body-temp-card__status{color:var(--color-text-muted);border-top:1px solid var(--color-border);padding-top:var(--space-3);font-size:12px}.equipment-card{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.equipment-card__head{justify-content:space-between;align-items:center;display:flex}.equipment-card__label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);font-size:12px}.equipment-card__status{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);color:var(--color-text-muted);background:#94a3b81f;padding:2px 8px;font-size:10px}.equipment-card__status--on{color:var(--color-green);background:var(--color-green-dim)}.equipment-card__status--fault{color:var(--color-red);background:#ef444426}.equipment-card__status--idle{color:var(--color-amber);background:#ffb02026}.equipment-card__value{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:28px;font-weight:600}.equipment-card--cyan .equipment-card__value{color:var(--color-cyan)}.equipment-card--orange .equipment-card__value{color:var(--color-orange)}.equipment-card--green .equipment-card__value{color:var(--color-green)}.equipment-card__sub{color:var(--color-text-muted);font-size:12px}.chemistry-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.chemistry-card__head{justify-content:space-between;align-items:baseline;display:flex}.chemistry-card__title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.chemistry-card__sub{color:var(--color-text-muted);font-size:12px}.chemistry-card__metrics{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.chemistry-card__metric{gap:var(--space-1);flex-direction:column;display:flex}.chemistry-card__metric-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-dim);font-size:11px}.chemistry-card__metric-value{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:18px}.chemistry-card__bar{border-radius:var(--radius-full);background:#94a3b81f;height:6px;overflow:hidden}.chemistry-card__bar-fill{background:linear-gradient(90deg, var(--color-green), #6effb9);height:100%;box-shadow:var(--shadow-green-glow);transition:width var(--duration-base) var(--ease-out)}.dashboard{gap:var(--space-5);flex-direction:column;display:flex}.dashboard__bodies{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.dashboard__equipment{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.dashboard__chemistry{grid-template-columns:minmax(0,480px);display:grid}.flow-controls{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.flow-live{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:13px;display:inline-flex}.flow-live__dot{border-radius:var(--radius-full);background:var(--color-text-dim);width:8px;height:8px}.flow-live.is-on .flow-live__dot{background:var(--color-green);box-shadow:0 0 0 4px var(--color-green-dim)}.flow-controls__right{align-items:center;gap:var(--space-3);display:inline-flex}.flow-seg{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:3px;display:inline-flex}.flow-seg__btn{border-radius:var(--radius-full);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), background var(--duration-fast) var(--ease-out);padding:6px 14px;font-size:13px;font-weight:600}.flow-seg__btn.is-active{background:var(--color-cyan);color:#04121f}.flow-toggle{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text-muted);transition:color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.flow-toggle.is-on{color:var(--color-text);border-color:var(--color-border-strong)}.flow-toggle__track{border-radius:var(--radius-full);background:var(--color-bg-elevated);border:1px solid var(--color-border);width:34px;height:20px;transition:background var(--duration-base) var(--ease-out);position:relative}.flow-toggle.is-on .flow-toggle__track{background:var(--color-cyan);border-color:var(--color-cyan)}.flow-toggle__knob{border-radius:var(--radius-full);width:16px;height:16px;transition:transform var(--duration-base) var(--ease-smooth);background:#fff;position:absolute;top:1px;left:1px}.flow-toggle.is-on .flow-toggle__knob{transform:translate(14px)}.flow-stage{background:radial-gradient(720px 360px at 30% 10%, #00d4ff0f 0, transparent 60%), var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-card)}.flow-svg{width:100%;height:auto;display:block}.flow-pipe{stroke:var(--color-border-strong);stroke-width:11px}.flow-water{stroke:var(--color-cyan);stroke-width:5px;stroke-dasharray:10 22;filter:drop-shadow(0 0 4px #00d4ff80);animation:flow-dash var(--flow-dur,1.4s) linear infinite}@keyframes flow-dash{to{stroke-dashoffset:-32px}}.flow-node__box{fill:var(--color-bg-elevated);stroke:var(--color-border);stroke-width:1.5px;transition:stroke var(--duration-base) var(--ease-out)}.flow-node.is-active .flow-node__box{stroke:var(--accent);filter:drop-shadow(0 0 10px color-mix(in srgb, var(--accent) 28%, transparent))}.flow-node__value{fill:var(--color-text);font-variant-numeric:tabular-nums;font-size:15px;font-weight:700}.flow-node.is-active .flow-node__value{fill:var(--accent)}.flow-node__label{fill:var(--color-text-muted);letter-spacing:.04em;font-size:11px}.pump-volute{fill:var(--color-bg);stroke:var(--color-cyan);stroke-width:2.5px}.pump-stub{stroke:var(--color-border-strong);stroke-width:7px;stroke-linecap:round}.pump-hub{fill:var(--color-cyan)}.pump-blade{fill:none;stroke:var(--color-cyan);stroke-width:2px;stroke-linecap:round}.pump-impeller{transform-box:fill-box;transform-origin:50%}.pump-impeller.is-spin{animation:pump-spin var(--spin-dur,2s) linear infinite}@keyframes pump-spin{to{transform:rotate(360deg)}}.flow-chevron{fill:none;stroke:var(--color-cyan);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;animation:1.6s ease-in-out infinite chevron-pulse}@keyframes chevron-pulse{0%,to{opacity:.35}50%{opacity:1}}.flow-spill{fill:var(--color-text-dim);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.flow-stage.is-static .flow-water{stroke-dasharray:none;opacity:.55;animation:none}.flow-stage.is-static .pump-impeller,.flow-stage.is-static .flow-chevron{animation:none}.flow-stage.is-static .flow-chevron{opacity:.6}.flow-stage.is-stopped .flow-water{opacity:.2;animation-play-state:paused}.flow-stage.is-stopped .pump-impeller{animation-play-state:paused}.flow-stage.is-stopped .flow-chevron{opacity:.18;animation:none}.feat-loop.feat-off .flow-water{opacity:.2;animation-play-state:paused}.feat-loop.feat-off .flow-chevron{opacity:.18;animation:none}.flow-caption{color:var(--color-text-muted);max-width:720px;margin:0;font-size:13px}@media (prefers-reduced-motion:reduce){.flow-water,.pump-impeller,.flow-chevron{animation:none}}.placeholder-card{gap:var(--space-2);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:transform var(--duration-base) var(--ease-out), border-color var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:relative;overflow:hidden}.placeholder-card:hover{border-color:var(--color-border-strong);background:var(--color-card-hover);transform:translateY(-2px)}.placeholder-card__accent{opacity:.9;height:3px;position:absolute;top:0;left:0;right:0}.placeholder-card--cyan .placeholder-card__accent{background:linear-gradient(90deg, var(--color-cyan), transparent)}.placeholder-card--orange .placeholder-card__accent{background:linear-gradient(90deg, var(--color-orange), transparent)}.placeholder-card--green .placeholder-card__accent{background:linear-gradient(90deg, var(--color-green), transparent)}.placeholder-card__title{color:var(--color-text);margin:0;font-size:16px;font-weight:600}.placeholder-card__description{color:var(--color-text-muted);margin:0;font-size:13px;line-height:1.55}.heat-estimate-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--color-card);border:1px solid var(--color-border);box-shadow:var(--shadow-card);flex-direction:column;grid-column:span 2;display:flex;position:relative;overflow:hidden}@media (width<=680px){.heat-estimate-card{grid-column:span 1}}.heat-estimate-card__top-bar{background:linear-gradient(90deg, var(--color-orange), transparent);height:2px;position:absolute;top:0;left:0;right:0}.heat-estimate-card__header{justify-content:space-between;align-items:center;display:flex}.heat-estimate-card__title{color:var(--color-text);font-size:14px;font-weight:600}.heat-estimate-card__body-tabs{background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:2px;padding:2px;display:flex}.heat-estimate-card__tab{text-transform:capitalize;color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);border-radius:4px;padding:4px 14px;font-size:12px;font-weight:500}.heat-estimate-card__tab.is-active{background:var(--color-card-hover);color:var(--color-orange)}.heat-estimate-card__temps{align-items:center;gap:var(--space-4);display:flex}.heat-estimate-card__temp-col{flex-direction:column;gap:2px;display:flex}.heat-estimate-card__temp-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-size:11px}.heat-estimate-card__temp-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--color-text-muted);font-size:52px;font-weight:600;line-height:1}.heat-estimate-card__temp-value--target{color:var(--color-orange);text-align:center;min-width:3.5ch}.heat-estimate-card__arrow{color:var(--color-text-dim);align-self:flex-end;padding-bottom:8px;font-size:20px}.heat-estimate-card__stepper{align-items:center;gap:var(--space-2);display:flex}.heat-estimate-card__step-btn{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);width:32px;height:32px;color:var(--color-text);transition:background var(--duration-fast), border-color var(--duration-fast);justify-content:center;align-items:center;font-size:18px;line-height:1;display:flex}.heat-estimate-card__step-btn:hover:not(:disabled){background:var(--color-orange-dim);border-color:var(--color-orange);color:var(--color-orange)}.heat-estimate-card__step-btn:disabled{opacity:.3;cursor:not-allowed}.heat-estimate-card__options{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.heat-estimate-card__option-group{align-items:center;gap:var(--space-3);display:flex}.heat-estimate-card__option-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);white-space:nowrap;font-size:11px}.heat-estimate-card__profile-tabs{background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);gap:2px;padding:2px;display:flex}.heat-estimate-card__profile-tab{color:var(--color-text-muted);transition:background var(--duration-fast), color var(--duration-fast);border-radius:4px;padding:4px 14px;font-size:12px;font-weight:500}.heat-estimate-card__profile-tab.is-active{background:var(--color-card-hover);color:var(--color-orange)}.heat-estimate-card__cover-toggle{border-radius:var(--radius-sm);background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text-muted);transition:background var(--duration-fast), border-color var(--duration-fast), color var(--duration-fast);padding:4px 16px;font-size:12px;font-weight:500}.heat-estimate-card__cover-toggle.is-on{background:var(--color-green-dim);border-color:var(--color-green);color:var(--color-green)}.heat-estimate-card__results{gap:var(--space-4);padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);grid-template-columns:repeat(3,1fr);display:grid}.heat-estimate-card__result{flex-direction:column;gap:4px;display:flex}.heat-estimate-card__result-value{letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-orange);font-size:22px;font-weight:600}.heat-estimate-card__result-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-dim);font-size:11px}.heat-estimate-card__meta{align-items:center;gap:var(--space-4);color:var(--color-text-dim);flex-wrap:wrap;font-size:11px;display:flex}.heat-estimate-card__derate-badge{color:var(--color-amber)}.heat-estimate-card__no-estimate{padding:var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border);color:var(--color-text-muted);font-size:13px}.heat-estimate-card__config-hint{color:var(--color-text-dim);border-top:1px solid var(--color-border);padding-top:var(--space-3);margin-top:auto;font-size:11px}:root{--color-bg:#0a1628;--color-bg-elevated:#0e1a2f;--color-card:#111d33;--color-card-hover:#16243d;--color-border:#94a3b81f;--color-border-strong:#94a3b838;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-text-dim:#64748b;--color-cyan:#00d4ff;--color-cyan-dim:#00d4ff2e;--color-orange:#ff6b35;--color-orange-dim:#ff6b352e;--color-green:#00e676;--color-green-dim:#00e6762e;--color-amber:#ffb020;--color-red:#ef4444;--equip-pump:var(--color-cyan);--equip-heater:var(--color-orange);--equip-heat-pump:#ff9466;--equip-chlorinator:var(--color-green);--equip-lights:#c084fc;--equip-valves:#38bdf8;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Menlo, monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-card:0 4px 24px #00000040;--shadow-cyan-glow:0 0 24px #00d4ff40;--shadow-orange-glow:0 0 24px #ff6b3540;--shadow-green-glow:0 0 24px #00e67640;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.45s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit;cursor:pointer;background:0 0;border:none}