:root{color-scheme:light;--bg: #f2efe4;--panel: rgba(255, 251, 242, .88);--panel-strong: #fff8ea;--text: #1a2d22;--muted: #587061;--line: rgba(28, 58, 42, .12);--accent: #1f8f5f;--accent-strong: #0b6d46;--accent-warm: #f09a39;--accent-soft: #d8f0dc;--warning: #fff0d3;--shadow: 0 24px 60px rgba(43, 71, 46, .14);font-family:IBM Plex Sans,Avenir Next,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(240,154,57,.35),transparent 28%),radial-gradient(circle at bottom right,rgba(31,143,95,.22),transparent 30%),linear-gradient(180deg,#faf5e8,#ebe6d7);color:var(--text)}button{font:inherit}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:24px 16px 40px}.app-glow{position:absolute;width:360px;height:360px;border-radius:999px;filter:blur(24px);opacity:.65;pointer-events:none}.app-glow-left{background:#f09a3938;left:-120px;top:-120px}.app-glow-right{background:#1f8f5f33;right:-120px;bottom:-120px}.phone-frame{position:relative;z-index:1;width:min(100%,460px);margin:0 auto;display:grid;gap:14px}.hero-card,.banner-card,.panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.hero-card{padding:22px;border-radius:28px}.auth-card{padding-bottom:26px}.hero-card h1,.panel h2{margin:0;font-family:Space Grotesk,sans-serif}.hero-card h1{margin-top:8px;font-size:clamp(2rem,7vw,2.8rem);line-height:.98}.hero-copy,.supporting-copy,.action-card p,.zone-body p,.timeline-item p,.device-id,.rename-preview{color:var(--muted)}.banner-subtext{margin:4px 0 0;color:var(--muted);font-size:.92rem}.banner-copy{flex:1}.banner-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.device-id{margin:8px 0 0;font-size:.9rem}.hero-topline,.panel-head,.timeline-item,.zone-card,.banner-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow,.banner-label,.metric-card span,.zone-control-number{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;color:var(--muted)}.status-pill,.chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:7px 11px;font-size:.76rem;font-weight:600;white-space:nowrap}.status-pill,.chip.success{background:var(--accent-soft);color:var(--accent-strong)}.chip.warning{background:var(--warning);color:#8e5d13}.chip.neutral{background:#1a2d2214;color:#355140}.chip.accent{background:#f09a392e;color:#8d5714}.hero-grid,.action-grid,.zone-control-grid,.zone-form-grid{display:grid;gap:12px}.hero-grid{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card{background:var(--panel-strong);border-radius:18px;padding:14px;min-height:84px;display:grid;align-content:space-between;border:1px solid rgba(28,58,42,.08)}.metric-card strong{font-size:1rem}.metric-value-offline{color:#a23c2e}.banner-card,.panel{border-radius:24px}.next-up-head{margin-bottom:10px}.banner-card{padding:16px 18px}.tab-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tab-button{border:0;background:#fffbf2a6;color:var(--muted);padding:14px 12px;border-radius:16px;transition:transform .16s ease,background .16s ease,color .16s ease}.tab-button.active{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;transform:translateY(-1px)}.stack{display:grid;gap:14px}.panel{padding:18px}.auth-panel{padding:20px}.stack-form,.field-group,.device-list{display:grid;gap:12px}.device-list{margin-top:14px}.inline-device-form{margin-top:16px;padding-top:16px;border-top:1px solid rgba(28,58,42,.08)}.enrollment-zones,.pending-zone-list{display:grid;gap:12px}.pending-zone-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff94;border:1px solid rgba(28,58,42,.08)}.inline-actions{display:flex;align-items:center;gap:10px}.rename-form{margin-top:14px;display:grid;gap:12px}.field-label{font-size:.9rem;font-weight:600}.field-group{gap:8px}.text-input{width:100%;border:1px solid rgba(28,58,42,.14);border-radius:16px;padding:14px 16px;background:#ffffffb8;color:var(--text);font:inherit}.text-input:focus{outline:2px solid rgba(31,143,95,.22);border-color:#1f8f5f66}.read-only-input{background:#1a2d220f;color:var(--muted)}.supporting-copy.compact{margin:0;font-size:.92rem}.rename-actions{display:grid;gap:10px}.primary-button{border:0;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;font-weight:700;cursor:pointer}.secondary-button{border:1px solid rgba(28,58,42,.12);border-radius:16px;padding:12px 16px;background:#fff9;color:var(--text);font-weight:600;cursor:pointer}.compact-button{padding:8px 12px;font-size:.85rem}.text-button{width:fit-content;border:0;padding:0;background:transparent;color:var(--accent-strong);font-weight:600;cursor:pointer}.primary-button:disabled{opacity:.5;cursor:not-allowed}.disabled-tab{opacity:.55;cursor:not-allowed}.error-text,.success-text{margin:0;font-size:.92rem}.error-text{color:#a23c2e}.success-text{color:var(--accent-strong)}.action-grid{margin-top:12px}.zone-action-list{display:grid;gap:12px;margin-top:12px}.zone-action-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:18px;background:#ffffff94;border:1px solid rgba(28,58,42,.08)}.zone-action-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.zone-command-run-active{background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;border-color:transparent}.zone-command-pause-active{background:#f09a392e;color:#8d5714;border-color:#f09a3947}.zone-command-stop-active{background:#a23c2e1f;color:#a23c2e;border-color:#a23c2e33}.schedule-actions,.schedule-device-picker{margin-top:14px}.schedule-form{margin-top:16px;padding-top:16px;border-top:1px solid rgba(28,58,42,.08)}.schedule-group{display:grid;gap:12px;margin-top:18px}.schedule-group h3{margin:0;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.schedule-type-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.schedule-type-option{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:14px;border:1px solid rgba(28,58,42,.1);background:#ffffff94}.schedule-type-option input{margin:0}.day-chip-row{display:flex;gap:8px;flex-wrap:wrap}.day-chip{border:1px solid rgba(28,58,42,.12);border-radius:999px;padding:10px 12px;background:#ffffff9e;color:var(--text);font-weight:600;cursor:pointer}.day-chip.selected{background:linear-gradient(135deg,var(--accent-strong),var(--accent));border-color:transparent;color:#fff}.action-card{border-radius:18px;background:#fff8eaeb;border:1px solid rgba(28,58,42,.08);padding:16px}.timeline,.zone-list{display:grid;gap:12px}.timeline-item,.zone-card{background:#ffffff94;border-radius:18px;padding:14px;border:1px solid rgba(28,58,42,.08)}.timeline-meta{display:grid;justify-items:end;gap:8px;color:var(--muted);font-size:.86rem}.history-date,.next-up-date{font-size:.8rem;color:var(--muted)}.next-up-title-row{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.next-up-kind{font-size:.68rem;color:var(--muted);text-transform:lowercase;letter-spacing:.03em}.history-status{font-size:.76rem;font-weight:600;color:var(--muted)}.history-item{padding:8px 6px;border-radius:0;border-width:0 0 1px;border-color:#1c3a2a14}.history-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:.86rem}.history-separator{color:var(--muted)}.history-remove-button{margin-top:4px;border:0;padding:0;background:transparent;color:#a23c2e;font-size:.72rem;font-weight:600;cursor:pointer}.history-remove-button:disabled{opacity:.55;cursor:not-allowed}.zone-index{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f09a392e,#1f8f5f2e);font-family:Space Grotesk,sans-serif;font-weight:700}.zone-body{flex:1}.zone-body strong,.timeline-item strong,.action-card strong,.zone-control strong{display:block;margin-bottom:4px}.zone-control-grid{margin-top:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.zone-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-control{text-align:left;border:1px solid rgba(28,58,42,.1);background:linear-gradient(180deg,#fffaf0f5,#f2f7eff5);border-radius:20px;padding:16px;min-height:122px;display:grid;align-content:space-between;gap:8px}.remove-zone-button{border:0;border-radius:999px;padding:6px 0;justify-self:start;background:transparent;color:#a23c2e;font-size:.78rem;font-weight:700;cursor:pointer;transition:color .16s ease,transform .16s ease}.remove-zone-button:hover:not(:disabled){color:#8f3428;transform:translateY(-1px)}.remove-zone-button:disabled{opacity:.55;cursor:not-allowed}.remove-zone-button:focus-visible{outline:2px solid rgba(162,60,46,.28);outline-offset:2px}.device-switch{text-align:left;width:100%;border:1px solid rgba(28,58,42,.1);background:#ffffff94;border-radius:18px;padding:14px;display:grid;gap:16px;cursor:pointer}.device-switch.active{background:linear-gradient(135deg,#1f8f5f29,#f09a391f);border-color:#1f8f5f47}.device-switch-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.device-inline-actions{display:flex;align-items:center;gap:10px}.device-switch small{color:var(--muted)}.inline-edit-button,.inline-remove-button{border:0;padding:0;background:transparent;font-size:.8rem;font-weight:700;cursor:pointer}.inline-edit-button{color:var(--accent-strong)}.inline-remove-button{color:#a23c2e}@media(min-width:720px){.app-shell{padding-top:40px}.phone-frame{width:min(100%,900px)}.stack{grid-template-columns:repeat(2,minmax(0,1fr))}.zone-control-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}