:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--black:#0b1120;--panel:#fff;--panel2:#f5f8fc;--line:#d7e0eb;--blue:#3862d3;--cyan:#00b4e5;--yellow:#ffcb05;--text:#1e2b42;--muted:#52627a;--danger:#b4233c}*{box-sizing:border-box}body{color:var(--text);background:#f5f8fc;margin:0;font-family:Inter,Aptos,Segoe UI,Arial,sans-serif}.dashboard{background:radial-gradient(circle at 88% 0,#00b4e521,#0000 34rem),linear-gradient(#f5f8fc,#edf3f8 60%,#f5f8fc);min-height:100vh}.topbar{background:#0b1120fa;align-items:center;gap:22px;min-height:86px;padding:10px max(4vw,28px);display:flex;position:relative;box-shadow:0 10px 30px #0b11202e}.topbar:after{content:"";background:linear-gradient(90deg,var(--blue) 0 72%,var(--cyan) 72% 94%,var(--yellow) 94% 100%);height:3px;position:absolute;bottom:0;left:0;right:0}.brand{object-fit:contain;object-position:left center;width:180px;height:62px}.product{white-space:nowrap;border-left:1px solid #31415d;flex-direction:column;gap:7px;padding-left:22px;display:flex}.product span,.partner-lockup span{color:var(--cyan);letter-spacing:.13em;font-size:10px;font-weight:800}.product strong{color:#fff;font-size:16px}.partner-lockup{border-left:1px solid #31415d;flex-direction:column;gap:5px;padding-left:22px;display:flex}.partner-lockup span{color:#b8c5d6;font-size:8px}.partner-lockup img{object-fit:cover;border-radius:2px;width:132px;height:34px}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.live-pill,.viewer-signout{color:#dce5f0;white-space:nowrap;background:#172238;border:1px solid #40506b;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;display:flex}.live-pill i{background:#7a899d;border-radius:50%;width:9px;height:9px}.live-pill.live{border-color:var(--cyan);background:var(--cyan);color:var(--black)}.live-pill.live i{background:var(--black);box-shadow:0 0 0 4px #0b11201f}.live-pill.loading{border-color:var(--yellow);color:var(--yellow)}.viewer-signout svg{width:15px}.shell{width:min(1440px,100% - 44px);margin:0 auto;padding:42px 0 36px}.headline{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:28px;display:flex}.headline h1{color:var(--black);letter-spacing:-.035em;margin:0 0 13px;font-size:52px;font-weight:500;line-height:1}.headline>div>p:last-child{color:var(--muted);margin:0;font-size:16px}.eyebrow{color:var(--blue);letter-spacing:.15em;margin:0 0 14px;font-size:11px;font-weight:900}.device-controls{flex-direction:column;align-items:flex-end;gap:9px;min-width:310px;display:flex}.device-selector{align-items:center;gap:12px;display:flex}.device-selector span{font-size:11px;font-weight:700}.device-selector strong{border:1px solid var(--line);min-width:245px;color:var(--black);background:#fff;border-radius:9px;padding:11px 14px;font-size:12px}.stamp{color:var(--muted);text-align:right;font-size:11px}.stamp small{color:var(--blue);margin-top:6px;display:block}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.panel{border:1px solid var(--line);background:#fff;border-radius:13px;box-shadow:0 12px 34px #1e2b421a}.metric{min-height:264px;padding:22px}.metric.hero{box-shadow:inset 4px 0 0 var(--blue),0 12px 34px #2036581a;border-color:#3862d3b3}.metric.comparison{background:var(--panel2)}.metric-label{color:var(--blue);letter-spacing:.13em;align-items:center;gap:10px;font-size:11px;font-weight:900;display:flex}.icon{width:29px;height:29px;color:var(--black);background:#3862d30f;border:1px solid #3862d366;border-radius:50%;place-items:center;display:grid}.icon svg{width:15px}.reading{color:var(--black);letter-spacing:-.045em;white-space:nowrap;margin:30px 0 13px;font-size:45px;font-weight:800}.reading span{color:var(--muted);margin-left:7px;font-size:14px;font-weight:500}.metric p{min-height:32px;color:var(--muted);margin:0;font-size:11px;line-height:1.45}.spark{border-top:1px dashed #d8e1eb;border-bottom:1px dashed #d8e1eb;align-items:flex-end;gap:2px;height:33px;margin-top:8px;display:flex}.spark i{opacity:.9;flex:1;height:3px}.spark i:nth-child(2){height:5px}.spark i:nth-child(3){height:4px}.spark i:nth-child(4){height:7px}.spark-meta{color:#697991;justify-content:space-between;padding-top:7px;font-size:8px;display:flex}.lower-grid{grid-template-columns:1.2fr 1fr 1fr;gap:14px;margin-top:14px;display:grid}.panel{padding:21px}.panel-title{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-title h2{color:var(--black);margin:0;font-size:21px;font-weight:500}.with-icon{align-items:center;gap:7px;margin-bottom:9px;display:flex}.with-icon svg{width:14px}.status-dot{background:#7a899d;border-radius:50%;width:11px;height:11px}.status-dot.good{background:var(--cyan);box-shadow:0 0 0 4px #00b4e524}.status-dot.muted{background:#7a899d}.link-stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:25px;display:grid}.link-stats div{border:1px solid var(--line);background:var(--panel2);border-radius:8px;padding:13px}.link-stats span{color:#617189;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-size:9px;display:block}.link-stats strong{color:var(--black);font-size:17px}.note{color:#617189;margin:16px 0 0;font-size:9px;line-height:1.5}.bus{color:#617189;font-size:11px}.sensor-list{margin-top:15px}.sensor-list>div{border-top:1px solid #dce4ee;grid-template-columns:auto 42px 1fr auto;align-items:center;gap:10px;padding:13px 0;display:grid}.sensor-list code{color:var(--blue)}.sensor-list strong{color:var(--black);font-size:13px}.sensor-list small{color:var(--muted);font-size:10px}.alert{border-top:1px solid #dce4ee;gap:12px;margin-top:14px;padding-top:14px;display:flex}.alert>span,.event-mark{width:26px;height:26px;color:var(--blue);background:#eef3f9;border-radius:50%;flex:none;place-items:center;display:grid}.alert>span svg,.event-mark svg{width:14px}.alert strong{font-size:11px}.alert p{color:var(--muted);margin:6px 0 0;font-size:10px;line-height:1.5}.alert.warning>span,.alert.warning strong{color:#8a5b00}.acknowledge{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:8px;width:100%;margin-top:17px;padding:11px 13px;font-weight:800}.acknowledge:disabled{color:#76869a;background:#eef3f8;border-color:#cad4e1}.activity-panel{margin-top:14px}.activity-title{border-bottom:1px solid #dce4ee;padding-bottom:15px}.activity-title>span{color:#617189;font-size:10px}.event-list{display:grid}.event-row{border-bottom:1px solid #e0e7ef;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 2px;display:grid}.event-row strong,.event-row small{display:block}.event-row strong{color:var(--black);font-size:12px}.event-row small{color:var(--muted);margin-top:4px;font-size:9px}.event-row b{color:var(--blue);font-size:11px}.empty,.error{color:var(--muted);margin:18px 0 3px;font-size:11px}.error{color:var(--danger)}footer{color:#697991;justify-content:center;gap:12px;padding:24px 12px 0;font-size:10px;display:flex}footer strong{color:var(--blue)}@media (width<=1120px){.partner-lockup{display:none}.metrics,.lower-grid{grid-template-columns:1fr 1fr}.alerts{grid-column:1/-1}}@media (width<=700px){.topbar{flex-wrap:wrap;gap:10px;padding:9px 16px}.brand{width:120px;height:44px}.product{border-top:1px solid #31415d;border-left:0;order:3;width:100%;padding:8px 0 0}.product span{font-size:8px}.viewer-signout span{display:none}.shell{width:calc(100% - 24px);padding-top:25px}.headline{flex-direction:column;align-items:flex-start}.headline h1{font-size:40px}.device-controls{align-items:flex-start;width:100%;min-width:0}.device-selector{flex-direction:column;align-items:flex-start;width:100%}.device-selector strong{width:100%;min-width:0}.stamp{text-align:left}.metrics,.lower-grid{grid-template-columns:1fr}.alerts{grid-column:auto}.metric{min-height:230px}.link-stats{grid-template-columns:1fr 1fr}.link-stats div:last-child{grid-column:1/-1}.activity-title{flex-direction:column}.sensor-list>div{grid-template-columns:auto 36px 1fr}.sensor-list small{grid-column:3}.reading{font-size:40px}footer{text-align:center;flex-direction:column;align-items:center}}.mqtt-connect{background:#fff;border:1px solid #b9c9dc;border-radius:12px;grid-template-columns:minmax(280px,1fr) 190px 220px auto;align-items:center;gap:10px;margin:-6px 0 20px;padding:14px 16px;display:grid;box-shadow:0 8px 24px #1e2b4214}.mqtt-connect div{flex-direction:column;gap:4px;display:flex}.mqtt-connect strong{color:var(--black);font-size:13px}.mqtt-connect span{color:var(--muted);font-size:10px}.mqtt-connect input,.mqtt-connect button{height:40px;font:inherit;border:1px solid #b9c9dc;border-radius:8px;padding:0 12px}.mqtt-connect button{border-color:var(--blue);background:var(--blue);color:#fff;cursor:pointer;font-size:12px;font-weight:800}.mqtt-connect button:disabled{opacity:.65}.mqtt-error{color:var(--danger);margin:-12px 0 18px;font-size:11px}@media (width<=900px){.mqtt-connect{grid-template-columns:1fr 1fr}.mqtt-connect div{grid-column:1/-1}}@media (width<=700px){.mqtt-connect{grid-template-columns:1fr}.mqtt-connect div{grid-column:auto}}.dashboard-boot{color:#e5ecf5;background:radial-gradient(circle at 70% 20%,#3862d340,#0000 32rem),#0b1120;justify-content:center;align-items:center;gap:24px;min-height:100vh;display:flex}.dashboard-boot>img{width:235px;height:auto}.dashboard-boot>div{grid-template-columns:auto 1fr;align-items:center;column-gap:12px;display:grid}.dashboard-boot strong{font-size:20px}.dashboard-boot small{color:#b8c5d6;grid-column:2;margin-top:5px}.boot-pulse{background:var(--cyan);border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 7px #00b4e524}.access-gate{background:radial-gradient(circle at 50% 8%,#3862d34d,#0000 32rem),linear-gradient(#0b1120,#111d32);place-items:center;min-height:100vh;padding:24px;display:grid}.access-card{background:#f5f8fc;border:1px solid #3862d35c;border-radius:18px;width:min(560px,100%);padding:34px;box-shadow:0 28px 80px #010d2259}.access-brand{width:210px;height:auto;margin-bottom:22px}.access-card .eyebrow{margin:0 0 18px}.access-icon{width:46px;height:46px;color:var(--blue);background:#3862d31a;border-radius:50%;place-items:center;display:grid}.access-icon svg{width:23px}.access-card h1{color:var(--black);letter-spacing:-.03em;margin:16px 0 8px;font-size:38px}.access-card>p:not(.eyebrow){color:#52627a;margin:0;line-height:1.55}.access-card form{margin-top:25px}.access-card label{color:#1e2b42;letter-spacing:.04em;margin-bottom:8px;font-size:12px;font-weight:800;display:block}.access-input{background:#fff;border:1px solid #c6d2e1;border-radius:9px;align-items:center;gap:10px;padding:0 12px;display:flex}.access-input:focus-within{border-color:#3862d3;box-shadow:0 0 0 3px #3862d31f}.access-input svg{color:#697991;width:17px;height:17px}.access-input input{color:#182235;background:0 0;border:0;outline:0;width:100%;padding:13px 0}.access-input+label{margin-top:12px}.access-card form>button{color:#fff;cursor:pointer;background:#3862d3;border:1px solid #3862d3;border-radius:9px;width:100%;margin-top:14px;padding:12px 16px;font-weight:900}.access-card form>button:hover,.access-card form>button:focus-visible{color:#0b1120;background:#00b4e5;border-color:#00b4e5}.access-card form>button:disabled{cursor:wait;opacity:.65}.access-error{color:var(--danger);margin:12px 0 0;font-size:12px}.access-card>small{color:#697991;margin-top:22px;font-size:10px;display:block}.viewer-signout{cursor:pointer;font:inherit}.mqtt-connect.automatic{grid-template-columns:1fr auto}@media (width<=680px){.access-card{padding:25px 20px}.access-brand{width:185px}.access-card h1{font-size:31px}.mqtt-connect.automatic{grid-template-columns:1fr}}.dashboard-footer{text-align:center;flex-wrap:wrap;align-items:center;gap:16px 28px}.footer-message,.build-info{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:7px;display:flex}.build-info{letter-spacing:.04em;border-left:1px solid #cad5e2;padding-left:28px}.build-info span{text-transform:uppercase}.build-info small{color:#7a899d;overflow-wrap:anywhere}@media (width<=700px){.build-info{border-left:0;padding-left:0}}.halow-nodes{gap:14px;margin-top:18px;display:grid}.halow-node{border-top:1px solid #dce4ee;padding-top:13px}.halow-node-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.halow-node-title strong{color:var(--black);font-size:12px}.halow-node-title span{color:var(--muted);font-size:10px}.halow-node .link-stats{margin-top:9px}.halow-node .link-stats div{padding:11px 12px}@media (width<=700px){.halow-node .link-stats{grid-template-columns:1fr 1fr}.halow-node .link-stats div:last-child{grid-column:1/-1}}.pet-alert+.pet-alert{border-top:1px solid #dce4ee;margin-top:14px;padding-top:2px}.pet-alert .alert{border-top:0}.pet-alert .acknowledge{margin-top:11px}.activity-insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0 4px;display:grid}.activity-insights>div{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:12px 14px}.activity-insights span{color:#617189;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:9px;display:block}.activity-insights strong{color:var(--black);font-size:17px}.event-row b{text-transform:uppercase;letter-spacing:.04em;background:#3862d314;border-radius:999px;padding:5px 8px;font-size:9px}.event-row.handled .event-mark,.event-row.handled b{color:#007fa5;background:#00b4e51a}@media (width<=700px){.activity-insights{grid-template-columns:1fr}.event-row{grid-template-columns:auto 1fr}.event-row b{grid-column:2;justify-self:start}}.comfort-card{padding-bottom:17px;position:relative;overflow:hidden}.comfort-card:after{content:"";background:var(--comfort-color,#7a899d);height:4px;position:absolute;bottom:0;left:0;right:0}.comfort-heading{color:var(--black);letter-spacing:-.035em;white-space:nowrap;align-items:center;gap:10px;margin:18px 0 5px;font-size:30px;font-weight:800;display:flex}.comfort-status-dot{background:var(--comfort-color,#7a899d);width:12px;height:12px;box-shadow:0 0 0 5px color-mix(in srgb,var(--comfort-color,#7a899d) 14%,transparent);border-radius:50%}.comfort-card .comfort-summary{min-height:31px;font-size:10px}.comfort-factors{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:8px;padding:9px 0;display:grid}.comfort-factors div{min-width:0}.comfort-factors span,.comfort-factors strong,.comfort-factors small{display:block}.comfort-factors span{color:#617189;letter-spacing:.05em;min-height:20px;font-size:7px;font-weight:800}.comfort-factors strong{color:var(--black);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.comfort-factors small{color:#617189;margin-top:3px;font-size:8px}.comfort-card .comfort-guidance{min-height:0;margin-top:8px;font-size:8px;line-height:1.35}.comfort-comfortable{--comfort-color:#00a884}.comfort-watch{--comfort-color:#d39b00}.comfort-attention{--comfort-color:#c33b4f}.comfort-waiting{--comfort-color:#7a899d}@media (width<=700px){.comfort-heading{font-size:28px}.comfort-factors span{font-size:8px}.comfort-factors strong{font-size:13px}}.alerts{transition:border-color .25s,box-shadow .25s,background .25s}.alerts-reminder{background:#fffdf5;border-color:#e2ad28}.alerts-urgent{background:#fff8f9;border-color:#c92f45;box-shadow:0 12px 34px #b4233c2e}.alerts-reminder .panel-title h2{color:#8a5b00}.alerts-urgent .panel-title h2,.pet-alert-urgent .alert strong{color:var(--danger)}.pet-alert-reminder .alert>span{background:#fff2c7;animation:1.6s ease-in-out infinite alert-pulse}.pet-alert-urgent .alert>span{color:var(--danger);background:#ffe2e7;animation:.9s ease-in-out infinite alert-pulse}.pet-alert-urgent .acknowledge{border-color:var(--danger);background:var(--danger)}.waiting-meter{background:#e8edf4;border-radius:999px;height:5px;margin:11px 0 0;overflow:hidden}.waiting-meter span{border-radius:inherit;background:var(--blue);height:100%;transition:width 1s linear;display:block}.pet-alert-reminder .waiting-meter span{background:#d39b00}.pet-alert-urgent .waiting-meter span{background:var(--danger)}@keyframes alert-pulse{50%{transform:scale(1.12);box-shadow:0 0 0 7px #b4233c1a}}@media (prefers-reduced-motion:reduce){.pet-alert-reminder .alert>span,.pet-alert-urgent .alert>span{animation:none}}.history-controls{flex-direction:column;align-items:flex-end;gap:9px;display:flex}.history-controls>span{color:#617189;font-size:10px}.history-actions{align-items:center;gap:8px;display:flex}.range-selector{border:1px solid var(--line);background:var(--panel2);border-radius:9px;padding:3px;display:flex}.range-selector button{color:#52627a;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 11px;font-size:10px;font-weight:700}.range-selector button.selected{background:var(--blue);color:#fff;box-shadow:0 3px 8px #3862d338}.clear-history-button{color:var(--danger);cursor:pointer;background:#fff;border:1px solid #d7a7af;border-radius:7px;padding:8px 11px;font-size:10px;font-weight:800}.history-note{color:#617189;margin:12px 0 2px;font-size:10px}.clear-history-confirm{background:#fff8f9;border:1px solid #e2a7b1;border-radius:10px;grid-template-columns:1fr auto;align-items:end;gap:14px;margin:15px 0 4px;padding:15px;display:grid}.clear-history-confirm strong{color:var(--danger);font-size:12px}.clear-history-confirm p{color:#617189;margin:5px 0 0;font-size:9px}.clear-history-actions{gap:7px;display:flex}.clear-history-actions button{border:1px solid var(--line);color:#52627a;background:#fff;border-radius:7px;padding:9px 11px;font-size:10px;font-weight:800}.clear-history-actions .confirm-clear{border-color:var(--danger);background:var(--danger);color:#fff}.clear-history-actions button:disabled{cursor:not-allowed;opacity:.45}.clear-history-confirm>.error{grid-column:1/-1;margin:0}@media (width<=900px){.clear-history-confirm{grid-template-columns:1fr}.clear-history-actions{justify-content:flex-end}}@media (width<=700px){.history-controls{align-items:flex-start;width:100%}.history-actions{flex-direction:column;align-items:stretch;width:100%}.range-selector{width:100%}.range-selector button{flex:1}}.visit-summary-list{gap:10px;margin-top:14px;display:grid}.visit-summary{border:1px solid var(--line);background:linear-gradient(135deg,#fff,#f8fbfe);border-radius:11px;grid-template-columns:auto 1fr auto;align-items:start;gap:13px;padding:16px;display:grid}.visit-status{width:36px;height:36px;color:var(--blue);background:#3862d31a;border-radius:50%;place-items:center;display:grid}.visit-status svg{width:18px}.visit-status.handled{color:#007fa5;background:#00b4e51f}.visit-status.missed{color:var(--danger);background:#b4233c14}.visit-story>strong{color:var(--black);font-size:14px;display:block}.visit-story>small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.visit-warning{border-left:3px solid var(--danger);color:#a91f35;background:#fff0f2;border-radius:5px;margin:10px 0 0;padding:9px 11px;font-size:10px;font-weight:700}.visit-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.visit-facts span{color:var(--muted);background:#fff;border:1px solid #dfe7f0;border-radius:8px;padding:9px 10px;font-size:9px}.visit-facts b{color:var(--blue);letter-spacing:.08em;margin-bottom:5px;font-size:8px;display:block}.visit-result{color:#007fa5;letter-spacing:.05em;white-space:nowrap;background:#00b4e51a;border-radius:999px;padding:6px 9px;font-size:8px}.visit-attention{background:linear-gradient(135deg,#fff8f9,#fff);border-color:#d75a6d}.visit-attention .visit-result{background:var(--danger);color:#fff}.visit-attention .visit-facts b{color:var(--danger)}.attention-count{background:#fff4f6!important;border-color:#d75a6d!important}.attention-count span,.attention-count strong{color:var(--danger)!important}.technical-events{border-top:1px solid #dce4ee;margin-top:14px}.technical-events summary{color:var(--blue);cursor:pointer;padding:14px 2px;font-size:11px;font-weight:800;list-style-position:inside}.technical-events summary span{color:var(--muted);margin-left:7px;font-size:9px;font-weight:500}.technical-events:not([open]) .event-list{display:none}@media (width<=700px){.visit-summary{grid-template-columns:auto 1fr}.visit-result{grid-column:2;justify-self:start}.visit-facts{grid-template-columns:1fr}}