:root{color-scheme:dark;--bg:#0b1110;--panel:#121a18;--line:#26332f;--text:#f4f7f2;--muted:#94a49e;--accent:#361769;--warn:#e5bd78}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#24143d 0,transparent 32%),var(--bg);color:var(--text);font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif;min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));background:#0b1110ed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:4}.topbar>div,.top-actions{display:flex;gap:12px;align-items:center}.shell{max-width:1180px;margin:auto;padding:64px 24px 80px}.hero{display:flex;justify-content:space-between;align-items:end;gap:40px}.eyebrow{margin:0 0 8px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--accent)}h1{font-size:clamp(36px,6vw,64px);letter-spacing:-.055em;line-height:1;margin:0 0 18px}h2{font-size:30px;margin:0;letter-spacing:-.035em}h3{font-size:19px;margin:22px 0 2px}.muted,.device-card p{color:var(--muted);max-width:650px}.brand-mark{width:52px;height:52px;border-radius:15px;background:var(--accent);color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:-.05em}.brand-mark.small{display:inline-grid;width:34px;height:34px;border-radius:10px}.bridge-status{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--panel);padding:16px 18px;border-radius:16px;min-width:280px}.bridge-status strong,.bridge-status small{display:block}.bridge-status small{color:var(--muted)}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--warn);box-shadow:0 0 0 6px #e5bd7817}.summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel);border-radius:20px;margin:52px 0 66px}.summary article{padding:24px 28px;border-right:1px solid var(--line)}.summary article:last-child{border:0}.summary span,.summary small{display:block}.summary span{font-size:25px;font-weight:750}.summary small{color:var(--muted);margin-top:3px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.pill,.unavailable{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;border:1px solid #5b4931;color:var(--warn);padding:6px 10px;border-radius:999px}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.device-card{border:1px solid var(--line);background:linear-gradient(145deg,#151e1b,#101715);border-radius:18px;padding:20px;min-height:238px}.device-card-head{display:flex;justify-content:space-between;align-items:center}.device-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#281741;color:#d6c4f2;font-weight:800}.unavailable{color:var(--muted);border-color:var(--line);font-size:9px}.unavailable.connected{color:#d6c4f2;border-color:#d6c4f2}.device-card dl{margin:24px 0 0;border-top:1px solid var(--line);padding-top:14px}.device-card dl div{display:flex;justify-content:space-between}.device-card dt{color:var(--muted)}.device-card dd{margin:0}.measurements{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.measurements span{background:#0b1210;border-radius:8px;padding:7px}.measurements small,.measurements strong{display:block}.measurements small{color:var(--muted);font-size:9px}.observed{font-size:10px;overflow-wrap:anywhere}.settings-menu{position:relative}.settings-menu summary{list-style:none;cursor:pointer;border:1px solid var(--line);border-radius:11px;padding:8px 12px;font-weight:750}.settings-menu summary::-webkit-details-marker{display:none}.settings-panel{position:absolute;right:0;top:48px;width:min(390px,calc(100vw - 32px));background:#121a18;border:1px solid var(--line);box-shadow:0 24px 70px #000b;border-radius:18px;padding:24px}.settings-panel h2{font-size:24px;margin-bottom:18px}.settings-panel form{display:grid;gap:13px}.settings-panel label{display:grid;gap:5px;font-size:13px;font-weight:700}.settings-panel input{border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:10px 11px;font:inherit}.settings-panel button{border:0;border-radius:10px;padding:11px 14px;background:var(--accent);color:#fff;font:inherit;font-weight:800;cursor:pointer;margin-top:4px}.notice{padding:10px 12px;border-radius:9px}.notice.error,.error{background:#4b2020;color:#ffd0d0}.notice.success{background:#193d2b;color:#baf6d0}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(100%,430px);padding:38px;border:1px solid var(--line);border-radius:24px;background:#121a18ee;box-shadow:0 30px 90px #0008}.login-card h1{font-size:42px;margin-top:26px}.login-card form{display:grid;gap:18px;margin-top:28px}.login-card label{display:grid;gap:7px;font-weight:650}.login-card input{width:100%;border:1px solid #35443f;border-radius:11px;background:#0c1311;color:var(--text);padding:12px 13px;font:inherit}.login-card button,.quiet{border:0;border-radius:11px;padding:13px 16px;background:var(--accent);color:#fff;font-weight:800;font:inherit;cursor:pointer}.quiet{padding:8px 12px}.error{padding:10px 12px;border-radius:10px}@media(max-width:900px){.device-grid{grid-template-columns:repeat(2,1fr)}.hero{align-items:start;flex-direction:column}.bridge-status{width:100%}}@media(max-width:560px){.shell{padding-top:40px}.device-grid{grid-template-columns:1fr}.summary{grid-template-columns:1fr}.summary article{border-right:0;border-bottom:1px solid var(--line)}.login-card{padding:26px}.topbar{padding:0 14px}.topbar strong{display:none}.settings-menu summary{font-size:0}.settings-menu summary span{font-size:18px}.settings-panel{right:-58px}}
.history-panel{margin:0 0 66px;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--panel)}.history-controls{display:flex;gap:14px;margin-bottom:18px}.history-controls label{display:grid;gap:5px;color:var(--muted);font-size:12px;font-weight:700}.history-controls select{min-width:210px;border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:9px 11px;font:inherit}.chart-wrap{min-height:350px;padding:10px;border-radius:14px;background:#0b1210;position:relative}.chart-wrap canvas{display:block}.chart-wrap p{color:var(--muted);margin:8px 4px}.chart-tooltip{position:absolute;z-index:2;pointer-events:none;max-width:260px;padding:10px 12px;border:1px solid #35443f;border-radius:9px;background:#121a18f5;box-shadow:0 8px 28px #000a;color:var(--text);font-size:11px;line-height:1.4}.chart-tooltip strong,.chart-tooltip small,.chart-tooltip span{display:block;white-space:nowrap}.chart-tooltip small{margin:5px 0 2px;color:var(--muted);font-weight:700}@media(max-width:560px){.history-panel{padding:18px}.history-controls{display:grid}.history-controls select{width:100%;min-width:0}}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none}.topbar nav{display:flex;align-items:center;gap:4px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:750;padding:10px 14px;border-radius:10px}.topbar nav a:hover,.topbar nav a.active{color:var(--text);background:#21172e}.devices{margin-top:66px}.favorite-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.favorite-grid .history-panel{margin:0;padding:20px}.favorite-grid .history-panel h3{margin:0}.favorite-grid .history-panel>p{margin:2px 0 14px;color:var(--muted)}.favorite-grid .chart-wrap{min-height:270px}.empty-state{border:1px dashed #35443f;border-radius:18px;padding:34px;text-align:center;background:var(--panel)}.empty-state h3{margin:0}.button,.section-heading>a{color:#d6c4f2;font-weight:750}.button{display:inline-block;margin-top:12px}.measurements strong em{font-size:.7em;font-style:normal;color:var(--muted);font-weight:600}.control-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:54px}.control-card,.settings-card{border:1px solid var(--line);background:var(--panel);border-radius:20px;padding:26px}.control-card h2,.settings-card h2{margin-bottom:16px}.control-card form,.settings-card form{display:grid;gap:14px}.control-card label,.settings-card label{display:grid;gap:6px;font-weight:700}.control-card label>span{color:var(--muted);font-size:12px}.control-card input[type=number],.settings-card input[type=password]{width:100%;border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:11px;font:inherit}.control-card .confirm{display:flex;grid-template-columns:auto 1fr;align-items:start;font-weight:500;color:var(--muted)}.control-actions{display:flex;gap:10px}.control-card button,.settings-card button{border:0;border-radius:10px;padding:11px 14px;background:var(--accent);color:#fff;font:inherit;font-weight:800}.control-card button:disabled{opacity:.38;cursor:not-allowed}.control-card button.danger{background:#da6258;color:#1d0808}.safety-note{color:var(--warn);border:1px solid #5b4931;border-radius:12px;padding:14px;margin-top:18px}.favorite-options{display:grid;gap:14px;max-height:560px;overflow:auto}.favorite-options fieldset{border:1px solid var(--line);border-radius:12px;padding:12px}.favorite-options legend{color:var(--accent);font-weight:800;padding:0 5px}.favorite-options label{display:flex;margin:7px 0;font-weight:500}.notice{max-width:700px}.settings-card button{justify-self:start}@media(max-width:760px){.favorite-grid,.control-grid,.settings-grid{grid-template-columns:1fr}.topbar nav a{padding:9px 7px}.topbar .brand strong{display:none}}@media(max-width:480px){.topbar{height:auto;min-height:68px;flex-wrap:wrap}.quiet{padding:7px}.topbar nav{order:3;width:100%;justify-content:center;padding-bottom:8px}}
.pill.enabled{color:var(--accent);border-color:#5b368f}.command-status{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted)}
.history-panel{min-width:0}.chart-wrap{min-width:0;overflow:hidden}.chart-wrap canvas{max-width:100%}.favorite-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.realtime-status{display:inline-flex;align-items:center;gap:7px;margin:8px 0 0;color:var(--muted);font-size:12px;font-weight:700}.realtime-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--warn)}.realtime-status.connected{color:#d6c4f2}.realtime-status.connected:before{background:#73ff00;box-shadow:0 0 8px #73ff0088}
.alert-delivery-options{display:flex;flex-wrap:wrap;gap:10px 18px;border:1px solid #35443f;border-radius:12px;padding:12px}.alert-delivery-options legend{padding:0 5px;color:var(--muted);font-size:12px;font-weight:700}.alert-delivery-options label{display:flex;align-items:center;gap:5px;font-weight:600}.voice-announcement textarea{width:100%;resize:vertical;border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:11px;font:inherit}
.alert-delivery-summary{color:var(--muted);font-weight:500}
.bus-shell{max-width:1400px}.bus-map{height:min(68vh,720px);min-height:460px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.bus-legend{background:#121a18;border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin:12px 0 30px;display:grid;gap:5px}.bus-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.geofence-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--line)}.geofence-row span,.geofence-row small{display:block}.geofence-row small{color:var(--muted)}textarea{border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:11px;font:inherit}
@media(max-width:760px){.favorite-grid{grid-template-columns:minmax(0,1fr)}}
.settings-card input,.settings-card select{width:100%;border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:11px;font:inherit}.rule-list,.user-list{margin-top:22px;border-top:1px solid var(--line)}.rule-list>div,.user-list p{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;margin:0;border-bottom:1px solid var(--line)}.rule-list form{display:block}.rule-actions{display:flex;gap:8px;align-items:center}.rule-list button.danger,.rule-list button.secondary{padding:7px 10px}.alert-edit-cancel{margin-left:8px}.user-list span{color:var(--muted);font-size:12px}
.control-card select{width:100%;border:1px solid #35443f;border-radius:9px;background:#0c1311;color:var(--text);padding:11px;font:inherit}
.pentair-control{display:grid;gap:18px}.pentair-control h2,.pentair-control p,.pentair-control form{margin-top:0;margin-bottom:0}.pentair-fields,.pentair-switches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.heating-options{display:flex;gap:24px;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px}.heating-options legend{padding:0 6px;color:var(--muted);font-weight:700}.heating-options label{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:8px}.heating-options input{width:20px;height:20px;accent-color:var(--accent)}.pentair-switches form{border:1px solid var(--line);border-radius:12px;padding:14px}.pentair-switches span{color:var(--muted)}.pentair-switches .control-actions{margin-top:10px}@media(max-width:480px){.pentair-fields,.pentair-switches{grid-template-columns:1fr}}
.favorite-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 16px}.favorite-options label{display:flex;align-items:flex-start;justify-content:flex-start;gap:9px;margin:0;padding:7px 5px;border-radius:8px;font-weight:500;line-height:1.35;cursor:pointer}.favorite-options label:hover{background:#21172e}.favorite-options input[type=checkbox]{appearance:auto;width:18px;height:18px;min-width:18px;margin:1px 0 0;padding:0;border:0;accent-color:var(--accent)}@media(max-width:480px){.favorite-list{grid-template-columns:minmax(0,1fr)}}
.favorite-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.favorite-heading h3{min-width:0}.favorite-heading form{margin:0}.favorite-heading button{border:1px solid #35443f;border-radius:9px;background:transparent;color:var(--muted);padding:6px 9px;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.favorite-heading button:hover{border-color:#5b4931;color:var(--warn);background:#21172e}
.favorite-actions{display:flex;align-items:center;gap:7px}.favorite-heading .expand-graph{color:#d6c4f2;font-size:18px;line-height:1}.expand-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.graph-expanded{overflow:hidden}.history-panel-expanded{position:fixed;inset:0;z-index:20;margin:0!important;padding:clamp(14px,2vw,28px)!important;border:0;border-radius:0;background:var(--bg);display:flex;flex-direction:column}.history-panel-expanded .favorite-heading{flex:0 0 auto}.history-panel-expanded>p{flex:0 0 auto}.history-panel-expanded .chart-wrap{flex:1 1 auto;min-height:0}.history-panel-expanded .expand-graph{font-size:13px;line-height:1.2;padding:9px 12px}.history-panel-expanded .expand-graph>span[aria-hidden=true]{display:none}.history-panel-expanded .expand-label{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}
.favorite-order-list{list-style:none;margin:0;padding:0;display:grid;gap:9px}.favorite-order-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;border:1px solid var(--line);border-radius:11px;padding:11px}.favorite-order-list strong,.favorite-order-list small{display:block}.favorite-order-list small{color:var(--muted);font-size:11px}.favorite-order-actions{display:grid;grid-template-columns:repeat(4,38px);gap:6px}.settings-card .favorite-order-actions button{width:38px;height:38px;padding:0;font-size:20px;line-height:1;justify-self:auto}.settings-card .favorite-order-actions button:disabled{opacity:.28;cursor:not-allowed}.favorite-order-status{min-height:1.5em;margin:0;color:var(--muted);font-size:12px}@media(max-width:480px){.favorite-order-list li{grid-template-columns:1fr}.favorite-order-actions{grid-template-columns:repeat(4,1fr)}.settings-card .favorite-order-actions button{width:100%}}
.monitor-heading{margin-bottom:52px}.health-hero{margin-bottom:38px}.health-hero h1{font-size:clamp(36px,5vw,56px)}.health-summary{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel);border-radius:20px;margin-bottom:52px;overflow:hidden}.health-summary article{padding:22px 26px;border-right:1px solid var(--line)}.health-summary article:last-child{border:0}.health-summary span,.health-summary small{display:block}.health-summary span{font-size:28px;font-weight:800}.health-summary small{color:var(--muted)}.health-summary .has-problem span{color:#ff9b91}.health-devices{margin-top:52px}.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.health-card{min-width:0;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#151e1b,#101715);padding:20px}.bridge-health{max-width:760px}.health-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.health-card h3{margin:18px 0 2px}.health-card>p{color:var(--muted)}.health-badge{border:1px solid #5b368f;border-radius:999px;padding:5px 9px;color:var(--accent);font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.health-card dl{margin:18px 0 0;padding-top:12px;border-top:1px solid var(--line)}.health-card dl div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:4px 0}.health-card dt{color:var(--muted)}.health-card dd{margin:0;text-align:right;overflow-wrap:anywhere}.health-card .health-detail{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);font-size:12px}.health-stale,.health-offline,.health-missing{border-color:#6c3b39;background:linear-gradient(145deg,#251817,#15110f)}.health-stale .device-icon,.health-offline .device-icon,.health-missing .device-icon{background:#3b2220;color:#ff9b91}.health-stale .health-badge,.health-offline .health-badge,.health-missing .health-badge{border-color:#6c3b39;color:#ff9b91}.health-stale .health-detail,.health-offline .health-detail,.health-missing .health-detail{color:#ffb0a8}@media(max-width:980px){.health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.health-summary,.health-grid{grid-template-columns:minmax(0,1fr)}.health-summary article{border-right:0;border-bottom:1px solid var(--line)}.health-card dl div{grid-template-columns:1fr}.health-card dd{text-align:left}.topbar nav{gap:0}.topbar nav a{font-size:12px}}
.eyebrow,.health-badge,.favorite-options legend{color:#d6c4f2}