:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#edf4ee;--panel:#f8fbf8eb;--line:#75967a33;--text:#193126;--muted:#65786a;--accent:#6d9c7a;--healthy:#4d8d58;--warning:#a2893d;--critical:#c36262;--shadow:0 20px 44px #213c2a1a;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 0 0,#92bb9b3d,#0000 30%),radial-gradient(circle at 82% 12%,#d7ead9b8,#0000 24%),linear-gradient(#f3f8f3 0%,#e8f0e7 100%)}button,input,select,textarea{font:inherit}button{cursor:pointer}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:20px}.auth-shell,.console-shell{min-height:100vh;padding:24px}.auth-shell{place-items:center;display:grid}.auth-card{width:min(100%,520px);padding:28px}.auth-heading{gap:8px;display:grid}.auth-heading h1{color:#b68b2a}.brand,.topbar,.topbar-actions,.card-head,.sensor-head,.config-row,.modal-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{justify-content:flex-start}.brand-mark{letter-spacing:.08em;color:#f7fbf7;background:linear-gradient(135deg,#4e775a,#7fad89);border-radius:18px;place-items:center;width:52px;height:52px;font-weight:700;display:grid}h1,h2{margin:0}.eyebrow,.section-label,.subtle,.auth-copy{color:var(--muted)}.eyebrow,.section-label{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.74rem}.subtle,.auth-copy{margin:0}.auth-divider{color:var(--muted);margin:4px 0 0;font-size:.9rem}.auth-form,.status-strip,.sensor-grid,.control-grid,.config-list,.intervals,.content-stack,.room-grid{gap:16px;display:grid}.auth-form{margin-top:22px}.auth-form label,.control-grid label{color:var(--muted);gap:8px;display:grid}.auth-form input,.auth-form select,.auth-form textarea,.device-picker select,.autopilot-phase-picker select{border:1px solid var(--line);color:var(--text);background:#fffffff0;border-radius:14px;padding:14px}.auth-form textarea{resize:vertical;min-height:120px}.topbar{background:radial-gradient(circle at 0 0,#84b1912e,#0000 28%),linear-gradient(135deg,#f3f8f3fa,#e8f0e8f5);padding:26px 28px}.topbar h1{letter-spacing:-.04em;color:#b68b2a;margin-top:4px;font-size:clamp(1.9rem,3.1vw,2.5rem);line-height:1}.account-heading{color:#587161;margin:10px 0 0;font-size:clamp(1rem,1.7vw,1.28rem);line-height:1.2}.console-kicker{color:#718571;font-size:.82rem}.toolbar,.device-picker,.mode-toggle,.autopilot-phase-picker{justify-content:space-between;align-items:end;gap:16px;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;margin:8px 0 18px}.device-picker{flex-direction:column;align-items:flex-start}.device-picker.inline{flex-direction:row;align-items:center;gap:10px}.device-picker-label{color:var(--muted);white-space:nowrap;font-size:.92rem}.mode-toggle{flex-direction:row;align-items:center}.autopilot-phase-picker{flex-direction:column;align-items:flex-start;width:min(260px,100%)}.autopilot-segmented{align-items:stretch}.autopilot-choice{gap:12px}.autopilot-inline-select{color:var(--text);background:#ffffffb8;border:1px solid #ffffff2e;border-radius:10px;min-width:145px;padding:8px 12px}.segmented-item.active .autopilot-inline-select{background:#ffffffdb}.mode-choice span{white-space:nowrap}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar-hint{color:var(--muted);align-items:center;gap:10px;margin:18px 0 4px;font-size:.96rem;display:flex}.toolbar-hint-mark{width:20px;height:20px;color:var(--accent);background:#6da37c24;border-radius:999px;place-items:center;font-size:.8rem;font-weight:700;display:inline-grid}.toolbar-actions{flex-wrap:wrap;gap:12px;margin:0;display:flex}.segmented,.intervals{flex-wrap:wrap;gap:10px;margin:18px 0;display:flex}.switcher-item,.segmented-item,.ghost-button,.primary-button,.sensor-card,.toggle{border:0;border-radius:14px;transition:all .16s}.segmented-item,.ghost-button,.sensor-card,.toggle{color:var(--text);background:#749a7e1a}.switcher-item,.segmented-item{padding:11px 16px}.switcher-item.active,.segmented-item.active,.toggle.active{background:#6da37c38}.ghost-button,.primary-button{padding:12px 16px}.primary-button{color:#f7fbf7;background:linear-gradient(135deg,#6e9f7a,#96bc92);font-weight:700}.segmented.compact{gap:8px;margin:0}.auth-actions{flex-wrap:wrap;gap:12px;display:flex}button:disabled{opacity:.55;cursor:not-allowed}.status-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:18px}.workspace-layout{grid-template-columns:1fr;gap:16px;margin-bottom:18px;display:grid}.content-stack{margin-top:18px}.status-card,.sensor-panel,.control-panel,.config-panel{padding:20px}.status-card{background:#ffffff7a;border:1px solid #75967a24;border-radius:12px;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;display:flex}.status-card strong,.sensor-card strong,.modal-footer strong{margin-top:0;font-size:1.3rem}.status-card p{color:var(--muted);margin:0}.sensor-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:18px}.monitoring-tools{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;display:flex}.sensor-card{text-align:left;background:linear-gradient(#f7fbf7fa,#eef4eef5);border:1px solid #75967a24;padding:18px}.sensor-card strong{margin-top:16px;font-size:1.9rem;display:block}.control-grid{margin:18px 0}.tab-strip,.charts-filters,.parameters-layout,.chart-room-stack{gap:16px;display:grid}.tab-strip{grid-auto-flow:column;justify-content:start;margin-bottom:18px}.command-message{margin:0 0 18px}.control-subgroup{background:linear-gradient(#f4f9f4eb,#eaf2ebd6);border:1px solid #75967a29;border-radius:14px;gap:14px;padding:16px;display:grid;box-shadow:inset 0 1px 1px #ffffffb3}.control-subgroup-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:700}.preset-label{margin-bottom:10px;display:block}.preset-grid{flex-wrap:wrap;gap:10px;display:flex}.preset-button{min-width:68px;color:var(--text);background:linear-gradient(#f6faf6fa,#ebf2ebf0);border:1px solid #75967a33;border-radius:12px;padding:9px 12px;transition:transform .14s,box-shadow .14s,border-color .14s,background .14s;box-shadow:0 6px 16px #6d9c7a1a}.preset-button:hover{border-color:#6d9c7a57;transform:translateY(-1px);box-shadow:0 10px 22px #6d9c7a24}.preset-button.active{color:#295335;background:linear-gradient(#7fad8938,#6d9c7a42);border-color:#4d8d5866;box-shadow:0 10px 24px #4d8d582e}.control-subgroup-head,.command-label,.feedback-state-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.control-subgroup-head{flex-wrap:wrap}.live-state-square{text-align:right;border-radius:8px;padding:9px 11px;font-size:.78rem;line-height:1.25}.feedback-pill{letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.74rem;line-height:1.1}.feedback-only-grid{gap:12px}.feedback-state-row{min-height:38px;color:var(--muted)}.live-state-square.on,.feedback-pill.on{color:var(--healthy);background:#4d8d581a;border:1px solid #4d8d5838}.live-state-square.off,.feedback-pill.off{color:var(--warning);background:#a2893d1f;border:1px solid #a2893d3d}.feedback-pill.unknown{color:var(--muted);background:#65786a14;border:1px solid #65786a38}.live-state-square.mismatch,.feedback-pill.mismatch{animation:.9s ease-in-out infinite state-mismatch-pulse}@keyframes state-mismatch-pulse{0%,to{opacity:1;box-shadow:0 0 #c3626200}50%{opacity:.58;box-shadow:0 0 0 4px #c3626229}}.room-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:18px}.room-card{background:#ffffff8c;border:1px solid #75967a24;border-radius:16px;padding:18px}.room-card-head{margin-bottom:6px}.control-grid input[type=range]{width:100%;accent-color:var(--accent);filter:drop-shadow(0 4px 10px #6d9c7a2e)}.control-grid input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,#6e9f7ae6,#96bc92eb);border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #223a292e,0 4px 10px #6d9c7a24}.control-grid input[type=range]::-moz-range-track{background:linear-gradient(90deg,#6e9f7ae6,#96bc92eb);border-radius:999px;height:8px;box-shadow:inset 0 1px 2px #223a292e,0 4px 10px #6d9c7a24}.control-grid input[type=range]::-webkit-slider-thumb{appearance:none;background:linear-gradient(135deg,#4e775a,#7fad89);border:2px solid #f7fbf7f2;border-radius:50%;width:18px;height:18px;margin-top:-5px;box-shadow:0 6px 14px #4e775a47}.control-grid input[type=range]::-moz-range-thumb{background:linear-gradient(135deg,#4e775a,#7fad89);border:2px solid #f7fbf7f2;border-radius:50%;width:18px;height:18px;box-shadow:0 6px 14px #4e775a47}.control-grid select{width:100%;color:var(--text);background:linear-gradient(#f4faf4fa,#e8f1e8f5);border:1px solid #75967a42;border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px 1px #ffffffb3,0 6px 16px #6d9c7a1f}.toggle-row{justify-content:space-between;align-items:center;display:flex}.parameters-layout{grid-template-columns:minmax(0,1fr)}.parameters-panel,.log-panel{gap:16px;display:grid}.parameters-columns,.log-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.parameter-row{background:#ffffff85;border:1px solid #75967a24;border-radius:16px;grid-template-columns:1fr;gap:12px;padding:16px;display:grid}.parameter-row-head{justify-content:space-between;align-items:center;display:flex}.parameter-title{color:var(--text);font-weight:700}.parameter-label-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.parameter-field-split{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:10px;display:grid}.parameter-row input[type=text],.parameter-row input:not([type]),.parameter-row input[type=number],.parameter-row input[type=search],.parameter-row input[type=email],.parameter-row input[type=password],.parameter-row input[type=url],.parameter-row input[type=tel]{width:100%;color:var(--text);background:#fffffff0;border:1px solid #75967a42;border-radius:12px;padding:10px 12px}.parameter-name{width:100%;color:var(--text);background:#ecf3ece6;border:1px solid #75967a2e;border-radius:12px;padding:10px 12px;display:block}.parameter-read-box{min-height:42px;color:var(--healthy);background:#6da37c1f;border:1px solid #6da37c33;border-radius:12px;align-items:center;padding:10px 12px;font-size:.84rem;font-weight:600;display:flex}.parameter-activate{color:var(--muted);gap:10px;display:grid}.parameter-check-box{background:#fffffff0;border:1px solid #75967a42;border-radius:12px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:inline-flex}.parameter-action-button{width:100%;min-height:38px;color:var(--healthy);font:inherit;cursor:pointer;background:#6d9c7a1f;border:1px solid #6d9c7a47;border-radius:10px;font-weight:600}.log-system-strip{background:#fffffffa;border:1px solid #19312624;border-radius:16px;gap:0;display:grid;overflow:hidden}.log-box{background:#fffffffa;border:1px solid #19312624;border-radius:16px;align-content:start;max-height:360px;display:grid;overflow:auto}.log-table{grid-template-columns:180px 100px minmax(0,1fr);align-items:start;gap:16px;padding:12px 14px;display:grid}.log-table-head{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.78rem}.log-row{border-top:1px solid #19312614;font-size:.92rem}.room-log-row{grid-template-columns:160px minmax(0,1fr)}.log-room-card .log-table-head{padding-bottom:0}.log-row.command{color:#336f9e}.log-row.alert{color:var(--warning)}.log-row.reconcile{color:var(--healthy)}.chart-room-stack{margin-top:8px}.chart-card{gap:16px;display:grid}.multi-series-chart{gap:12px;display:grid}.chart-legend{flex-wrap:wrap;gap:10px 14px;display:flex}.chart-legend-item{color:var(--muted);align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.chart-legend-swatch{border-radius:999px;width:12px;height:12px}.toggle{padding:10px 14px}.mode-choice{cursor:pointer;align-items:center;gap:10px;display:inline-flex}.mode-choice input{opacity:0;pointer-events:none;position:absolute}.section-toggle{align-items:center;gap:10px;padding-inline:14px;display:inline-flex}.section-toggle-arrow{font-size:.95rem;transition:transform .16s;display:inline-block}.section-toggle-arrow.open{transform:rotate(180deg)}.config-list{margin-top:18px}.config-list.compact{margin-top:8px}.config-row{border-bottom:1px solid var(--line);padding:14px 0}.config-row-button{width:100%;color:var(--text);text-align:left;background:0 0;border:0}.config-row-button:disabled{opacity:.68;cursor:default}.record-copy{gap:4px;display:grid}.record-copy small{color:var(--muted);font-size:.78rem}.record-copy-time.stale{color:#8a6b14}.config-row:last-child{border-bottom:0}.status-pill,.user-pill,.tone{border-radius:999px;padding:8px 12px;font-size:.82rem}.status-pill.online,.tone.healthy{color:var(--healthy);background:#4d8d581f}.status-pill.offline,.tone.critical{color:var(--critical);background:#c362621f}.tone.warning{color:var(--warning);background:#a2893d1f}.user-pill{background:#6da37c1f}.health-button{color:var(--text);border:0}.health-button.healthy{color:var(--healthy);background:#4d8d582e}.health-button.critical{color:var(--critical);background:#c362622e}.health-button.warning{color:var(--warning);background:#a2893d2e}.warning-pill{color:#8a6b14;background:#a2893d2e}.sparkline{width:100%;height:340px;margin:18px 0}.chart-axis-label{fill:#6b7d70;font-size:12px}.chart-tooltip-label{fill:#d6e6dce6;font-size:10px}.chart-tooltip-value{fill:#fff;font-size:12px;font-weight:700}.modal-backdrop{background:#02060bb8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{width:min(100%,960px);padding:22px}.error-text{color:var(--critical);margin:0}@media (width<=980px){.status-strip{grid-template-columns:1fr}}@media (width<=720px){.console-shell,.auth-shell{padding:16px}.topbar,.topbar-actions,.modal-footer,.toolbar{flex-direction:column;align-items:flex-start}.sensor-grid,.parameters-columns,.log-columns,.parameter-field-split{grid-template-columns:1fr}.log-table,.room-log-row{grid-template-columns:1fr;gap:6px}}