:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#dce9e8;background:#06161c;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #e7f1f0;--muted: #829b9d;--line: rgba(150, 191, 187, .13);--panel: rgba(12, 37, 45, .86);--panel-deep: #0a252d;--green: #8ccf63;--teal: #43c7b1;--blue: #50a8dc;--amber: #e5b052}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 86% -10%,rgba(35,122,120,.18),transparent 36%),#06161c}button,input,select{font:inherit}select option{background:var(--panel-deep);color:var(--ink)}button{cursor:pointer}button:disabled{cursor:not-allowed}.topbar{height:76px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#05151bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0;z-index:20}.brand,.header-actions,.metric-top,.panel-heading,.pump-title,.chart-legend{display:flex;align-items:center}.brand{gap:12px}.brand strong{font:700 13px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.17em;display:block}.brand small{color:var(--muted);font-size:12px;display:block;margin-top:5px}.brand-logo{width:38px;height:38px;display:block;object-fit:contain}.brand-logo.large{width:70px;height:64px;margin:0 auto 22px}.header-actions{gap:12px}.connection-badge,.preview-chip,.live-status{border:1px solid var(--line);background:#12333ab3;border-radius:100px;color:#a9bcbd;font-size:12px;padding:8px 12px}.connection-badge i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--amber);margin-right:6px}.connection-badge.connected i{background:var(--green);box-shadow:0 0 0 4px #8ccf6314}.user-button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(140,207,99,.25);color:var(--green);background:#8ccf6314;font-weight:700}.demo-banner{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:9px 22px;background:#17351f;border-bottom:1px solid rgba(140,207,99,.15);font-size:13px;color:#b8cbbd}.demo-banner strong{color:#c5eca9}.data-error{display:flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:9px 22px;background:#75281f8c;border-bottom:1px solid rgba(239,160,146,.15);color:#d8aaa2;font-size:12px}.data-error strong{color:#efb0a5}.dashboard{width:min(1420px,calc(100% - 44px));margin:0 auto;padding:48px 0 58px}.intro-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px}.eyebrow{margin:0 0 8px;color:var(--green);font:700 10px/1 ui-sans-serif,system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ink)}.intro-row h1{margin:0;font-size:clamp(30px,4vw,44px);letter-spacing:-.045em;line-height:1.1}.intro-row>div>p:last-child{color:var(--muted);margin:11px 0 0;font-size:14px}.last-update{text-align:right}.last-update span{display:block;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.last-update strong{display:block;color:#b8ccc9;margin-top:5px;font-size:14px}.metrics-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px;margin-bottom:15px}.metric-card,.panel{border:1px solid var(--line);background:linear-gradient(145deg,#0e2b33f0,#081d24f0);box-shadow:0 20px 50px #0000001f}.metric-card{min-height:164px;padding:22px 24px;border-radius:15px;overflow:hidden;position:relative}.metric-card:after{content:"";position:absolute;width:145px;height:145px;border-radius:50%;filter:blur(10px);right:-58px;bottom:-92px;opacity:.1}.ph-tone:after{background:var(--green)}.temp-tone:after{background:var(--blue)}.system-tone:after{background:var(--muted)}.metric-top{justify-content:space-between;color:#9bb0b0;font-size:13px}.status-pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #8ccf6317}.status-pulse.muted{background:#6f8587;box-shadow:0 0 0 5px #6f858717}.metric-value{font:600 40px/1 ui-sans-serif,system-ui,sans-serif;color:var(--ink);margin:21px 0 11px;letter-spacing:-.04em}.metric-value small{color:#789092;font-size:14px;margin-left:8px;letter-spacing:0}.metric-card p{color:var(--muted);font-size:12px;margin:0}.system-value{font:600 21px/1 ui-sans-serif,system-ui,sans-serif;margin:29px 0 19px;color:#afc0c0}.panel{border-radius:17px;padding:25px}.panel-heading{justify-content:space-between;gap:18px;margin-bottom:22px}.panel-heading h2{margin:0;font-size:19px;letter-spacing:-.025em}.panel-copy{color:var(--muted);font-size:13px;line-height:1.55;max-width:720px;margin:-8px 0 24px}.history-panel{margin-bottom:15px}.chart-heading{margin-bottom:8px}.range-tabs{display:flex;border:1px solid var(--line);border-radius:9px;padding:3px;background:#010f1459}.range-tabs button{min-width:48px;padding:7px 10px;border:0;border-radius:6px;color:#789092;background:transparent;font-size:12px}.range-tabs button.active{background:#173a3d;color:#d5e5e2}.chart-wrap{position:relative;width:100%;padding-top:16px}.chart{display:block;width:100%;height:auto;overflow:visible}.grid-line{stroke:#8cb2b117;stroke-width:1;vector-effect:non-scaling-stroke}.axis-line{stroke:#8cb2b147;stroke-width:1;vector-effect:non-scaling-stroke}.axis-tick{fill:#718b8d;font-size:10px;font-variant-numeric:tabular-nums}.axis-title{font-size:11px;font-weight:700;letter-spacing:.04em}.ph-axis{fill:var(--green)}.temperature-axis{fill:var(--blue)}.time-axis{fill:#718b8d}.chart-line{fill:none;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.ph-line{stroke:var(--green);filter:drop-shadow(0 0 5px rgba(140,207,99,.18))}.temperature-line{stroke:var(--blue);filter:drop-shadow(0 0 5px rgba(80,168,220,.18))}.chart-legend{justify-content:flex-end;gap:22px;color:#849c9e;font-size:11px;margin-top:13px}.legend-dot{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:6px}.ph-dot{background:var(--green)}.temperature-dot{background:var(--blue)}.chart-empty{position:absolute;inset:45% 0 auto;text-align:center;color:#617b7d;font-size:12px}.history-loading{height:292px;display:grid;place-items:center;color:#617b7d;font-size:12px}.two-column{display:grid;grid-template-columns:.72fr 1.28fr;gap:15px;margin-bottom:15px}.sampling-form{display:grid;gap:16px}.sampling-form label,.live-controls>label,fieldset legend{color:#9db1b1;font-size:12px}.sampling-form label>span{display:block;margin-bottom:8px}.number-field{height:43px;display:flex;align-items:center;border:1px solid var(--line);background:#010e135c;border-radius:9px;overflow:hidden}.number-field input{width:100%;min-width:0;height:100%;padding:0 12px;border:0;outline:0;color:var(--ink);background:transparent}.number-field b{font-weight:500;color:#657e80;font-size:11px;padding:0 12px;border-left:1px solid var(--line)}.primary-button,.secondary-button,.stop-button{height:42px;border-radius:9px;border:0;font-weight:700;font-size:12px;padding:0 18px}.primary-button{background:var(--green);color:#102516}.primary-button:hover{background:#a4df7c}.secondary-button{color:#b7cfca;background:#173c3d;border:1px solid rgba(77,172,158,.16)}.stop-button{color:#ffc1b5;background:#cb4a3424;border:1px solid rgba(230,102,78,.22)}.full{width:100%}.preview-chip{color:#8ea6a6}.settings-note{color:#647c7e;font-size:10px;line-height:1.5;margin:12px 0 0}.live-layout{display:grid;grid-template-columns:165px 1fr;gap:25px;align-items:end}.live-controls{display:grid;gap:12px}.live-controls fieldset{border:0;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.live-controls fieldset legend{margin-bottom:8px}.check-row{display:flex;align-items:center;gap:6px;color:#b1c4c3;font-size:11px}.check-row input{accent-color:var(--green)}.live-controls>label{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:8px}.live-controls .number-field{height:36px}.live-status.active{color:#b9e99a;border-color:#8ccf6333;background:#8ccf6314;font-variant-numeric:tabular-nums}.live-message,.control-message,.rule-message{color:#779092;font-size:10px;margin:8px 0 0;text-align:center}.pump-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pump-card{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:17px;border:1px solid var(--line);border-radius:12px;background:#04161c73}.pump-icon{grid-row:span 2;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#50a8dc14;border:1px solid rgba(80,168,220,.16)}.pump-icon span{width:14px;height:14px;border:2px solid var(--blue);border-radius:50%;position:relative}.pump-icon span:after{content:"";position:absolute;width:2px;height:7px;left:4px;top:-7px;background:currentColor}.pump-icon.amber{background:#e5b05214;border-color:#e5b05229}.pump-icon.amber span{border-color:var(--amber)}.pump-icon.green{background:#8ccf6314;border-color:#8ccf6329}.pump-icon.green span{border-color:var(--green)}.pump-title{justify-content:space-between;align-items:baseline}.pump-title h3{font-size:14px;margin:2px 0 0}.pump-title span{color:#6d8587;font-size:10px}.pump-card>p{color:#688183;font-size:10px;margin:5px 0 16px}.pump-actions{grid-column:1 / -1;display:grid;grid-template-columns:1fr .7fr .7fr;gap:8px}.pump-actions button,.pump-actions select,.stop-all{height:34px;border:1px solid var(--line);border-radius:8px;color:#91aaab;background:#122e3466;font-size:11px}.pump-actions select{padding:0 8px;outline:none}.pump-actions .pump-stop{color:#d49386}.pump-card>small{grid-column:1 / -1;color:#526a6c;text-align:center;margin-top:10px;font-size:9px}.stop-all{width:80px;color:#845f5b;border-color:#ab4c3d1f}.rule-summary{margin-top:14px;border-top:1px solid var(--line);padding:18px 5px 0;display:flex;gap:13px;align-items:center}.rule-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#8ccf630f;color:var(--green)}.rule-summary strong{font-size:12px;color:#adbfbe}.rule-summary p{color:#647c7e;font-size:11px;margin:4px 0 0}.automation-panel{margin-top:15px}.automation-layout{display:grid;grid-template-columns:minmax(240px,.75fr) 1.25fr;gap:24px}.rule-form{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:start}.rule-form label{color:#91a8a9;font-size:11px}.rule-form label>input,.rule-form label>select{display:block;width:100%;height:40px;margin-top:7px;padding:0 10px;border-radius:8px;border:1px solid var(--line);background:#010e135c;color:var(--ink);outline:none}.rule-form .number-field{margin-top:7px;height:40px}.rule-form .secondary-button,.rule-form .rule-message{grid-column:1 / -1}.rule-list{display:grid;gap:9px;align-content:start}.rule-row{min-height:64px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#04161c73;display:flex;align-items:center;justify-content:space-between;gap:15px}.rule-row strong{color:#b7c9c7;font-size:12px}.rule-row p{color:#647c7e;font-size:10px;margin:4px 0 0}.rule-actions{display:flex;gap:7px}.rule-actions button{height:30px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:#122e3480;color:#70898a;font-size:10px}.rule-actions button.rule-enabled{color:#b9e99a;border-color:#8ccf6338;background:#8ccf6314}.empty-rules{min-height:90px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;color:#647c7e;font-size:11px;text-align:center;padding:18px}footer{min-height:58px;border-top:1px solid var(--line);color:#526a6c;font-size:10px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between}.login-shell,.loading-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(410px,100%);padding:38px;border-radius:19px;background:linear-gradient(145deg,#0e2b33fa,#071b22fa);border:1px solid var(--line);box-shadow:0 35px 100px #00000059;text-align:center}.login-card h1{margin:0;font-size:28px;letter-spacing:-.04em}.login-intro,.login-footnote{color:var(--muted);font-size:13px;line-height:1.55}.login-card form{text-align:left;display:grid;gap:15px;margin-top:27px}.login-card label{color:#9eb1b1;font-size:12px}.login-card input{display:block;width:100%;height:44px;margin-top:7px;padding:0 12px;border-radius:9px;border:1px solid var(--line);background:#010e1366;color:var(--ink);outline:none}.login-card input:focus{border-color:#8ccf6373}.form-error{color:#efa092;font-size:11px;margin:0}.login-footnote{margin:24px 0 0;font-size:11px}.loading-screen{color:var(--muted);align-content:center;gap:15px}@media(max-width:980px){.metrics-grid{grid-template-columns:1fr 1fr}.system-tone{grid-column:span 2;min-height:130px}.two-column,.pump-grid,.automation-layout{grid-template-columns:1fr}}@media(max-width:680px){.topbar{height:66px}.dashboard{width:min(100% - 28px,1420px);padding-top:31px}.demo-banner{align-items:flex-start;flex-direction:column;gap:3px}.intro-row{align-items:flex-start}.last-update{display:none}.metrics-grid{grid-template-columns:1fr}.system-tone{grid-column:auto}.panel{padding:19px}.chart-heading{align-items:flex-start;flex-direction:column}.range-tabs{width:100%}.range-tabs button{flex:1;min-width:0}.axis-tick{font-size:9px}.live-layout{grid-template-columns:1fr}.live-controls{grid-template-columns:1fr 1fr}.live-controls fieldset,.live-controls button{grid-column:span 2}.rule-form{grid-template-columns:1fr}.rule-form .secondary-button,.rule-form .rule-message{grid-column:auto}.chart-legend{justify-content:flex-start;flex-wrap:wrap}.connection-badge{display:none}footer{align-items:flex-start;flex-direction:column;justify-content:center;gap:4px}}