:root{color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;background:#f5f7fb;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.app-shell{min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e7eaf0;flex-direction:column;width:236px;padding:28px 16px 20px;display:flex}.brand-mark{letter-spacing:-.02em;align-items:center;gap:9px;padding:0 14px 38px;font-weight:700;display:flex}.brand-dot{background:#6c8cff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #edf0ff}nav{gap:6px;display:grid}nav a{color:#768094;cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;text-decoration:none;display:flex}nav a.active{color:#4e67d7;background:#f0f3ff;font-weight:650}nav a:hover{background:#f7f8fb}.nav-badge{color:#bd741e;background:#fff0d9;border-radius:999px;margin-left:auto;padding:3px 7px;font-size:11px}.sidebar-foot{color:#70798d;border-top:1px solid #edf0f4;margin-top:auto;padding:18px 14px 0;font-size:12px}.status-dot{background:#43b581;border-radius:50%;width:7px;height:7px;margin-right:8px;display:inline-block;box-shadow:0 0 0 3px #e2f6eb}.device-id{color:#1d2433;margin:10px 0 0 15px;font-weight:600}.content{width:100%;max-width:1420px;margin:0 auto;padding:36px 48px 30px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:26px;display:flex}.eyebrow{letter-spacing:.14em;color:#9aa3b4;margin:0 0 9px;font-size:10px;font-weight:750}.topbar h1{letter-spacing:-.05em;margin:0 0 6px;font-size:32px}.muted{color:#8a93a5;margin:0;font-size:13px;line-height:1.5}.header-actions{align-items:center;gap:10px;display:flex}.live-pill,.header-actions button{color:#667187;background:#fff;border:1px solid #e7eaf0;border-radius:999px;padding:10px 14px;font-size:12px}.header-actions button{font:inherit;cursor:pointer;border-radius:11px}.hero-card{color:#fff;background:linear-gradient(135deg,#202b48,#40558b);border-radius:22px;justify-content:space-between;align-items:center;margin-bottom:16px;padding:26px 30px;display:flex;box-shadow:0 15px 40px #3145781c}.hero-card .eyebrow{color:#b8c4e7}.hero-card h2{letter-spacing:-.03em;margin:0 0 8px;font-size:22px}.hero-card .muted{color:#c2cbe1}.health-score{text-align:right}.health-score span{color:#bdc7e3;margin-bottom:3px;font-size:11px;display:block}.health-score strong{letter-spacing:-.08em;font-size:42px}.health-score small{color:#bdc7e3;font-size:14px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e9ecf2;border-radius:18px;box-shadow:0 6px 18px #26314d06}.metric-card{padding:18px 20px}.metric-heading{color:#8992a5;align-items:center;gap:8px;font-size:12px;display:flex}.icon-wrap{color:#7180b7;background:#f2f4fa;border-radius:9px;place-items:center;width:27px;height:27px;display:grid}.metric-card.warm .icon-wrap{color:#d9882d;background:#fff3e5}.metric-card.cool .icon-wrap{color:#5876e3;background:#eef1ff}.metric-card.good .icon-wrap{color:#37a875;background:#e8f7ef}.metric-value{letter-spacing:-.05em;margin:16px 0 3px;font-size:28px;font-weight:700}.metric-value small{color:#8992a5;margin-left:4px;font-size:13px;font-weight:550}.metric-detail{color:#a0a8b7;font-size:11px}.panel-grid{grid-template-columns:1.65fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel h3{letter-spacing:-.02em;margin:0 0 5px;font-size:15px}.legend{color:#9aa3b4;align-items:center;gap:6px;font-size:11px;display:flex}.legend i{border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.legend-surface{background:#f39a3f}.legend-ambient{background:#9aa4b5}.chart{height:245px;margin:22px -6px -4px}.chart.small{height:174px;margin-top:28px}.panel-foot{border-top:1px solid #eef0f4;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.panel-foot strong{letter-spacing:-.04em;font-size:20px}.panel-foot span{color:#99a1b1;font-size:11px}.trend-up{color:#d88422;background:#fff3e2;border-radius:999px;padding:6px 9px;font-size:11px}.bottom-grid{grid-template-columns:1.3fr 1fr;gap:14px;display:grid}.alert-row{align-items:flex-start;gap:12px;margin-top:20px;display:flex}.alert-icon{color:#d88422;background:#fff3e2;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;display:grid}.alert-row strong{font-size:13px}.alert-row .muted{max-width:650px;margin-top:5px;font-size:12px}.warning-tag,.good-tag{white-space:nowrap;border-radius:999px;padding:6px 9px;font-size:10px}.warning-tag{color:#c47a1d;background:#fff3e2;margin-left:auto}.good-tag{color:#2b9966;background:#e8f7ef}.sensor-list{grid-template-columns:1fr 1fr;gap:14px;margin-top:21px;display:grid}.sensor-list div{font-size:12px}.sensor-list small{color:#a0a8b7;margin:6px 0 0 15px;display:block}.sensor-list .status-dot{margin-right:8px}footer{color:#a1a8b6;padding:22px 3px 0;font-size:11px}footer span{float:right}@media (width<=1000px){.sidebar{width:190px}.content{padding:28px}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.app-shell{display:block}.sidebar{width:100%;padding:18px;display:block}.brand-mark{padding:0 0 15px}nav{display:flex;overflow:auto}nav a{white-space:nowrap}.sidebar-foot{display:none}.content{padding:24px 16px}.topbar,.hero-card{display:block}.header-actions{margin-top:18px}.health-score{text-align:left;margin-top:20px}.metric-grid,.panel-grid,.bottom-grid{grid-template-columns:1fr}.metric-card{padding:16px}footer span{float:none;margin-top:5px;display:block}}.ui-icon{justify-content:center;align-items:center;font-weight:700;line-height:1;display:inline-flex}.range-select{color:#667187;background:#fff;border:1px solid #e7eaf0;border-radius:11px;align-items:center;padding:0 10px 0 12px;display:flex;position:relative}.range-select select{appearance:none;color:#667187;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:10px 20px 10px 0;font-size:12px}.range-select .ui-icon{pointer-events:none;position:absolute;right:8px}.text-button{color:#5d74db;cursor:pointer;background:0 0;border:0;padding:3px;font-size:12px;font-weight:650}.page-intro{justify-content:space-between;align-items:flex-end;margin:4px 0 20px;display:flex}.page-intro h2{letter-spacing:-.04em;margin:0 0 6px;font-size:26px}.three{grid-template-columns:repeat(3,1fr)}.analysis-grid{grid-template-columns:1.3fr 1fr;gap:14px;margin-top:14px;display:grid}.axis-legend{color:#8992a5;border-top:1px solid #eef0f4;gap:18px;padding-top:14px;font-size:11px;display:flex}.axis-legend i{border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.axis-x{background:#6c8cff}.axis-y{background:#48b58a}.axis-z{background:#f39a3f}.interpretation{align-items:center;gap:24px;margin-top:22px;display:flex}.signal-score{letter-spacing:-.08em;color:#4e67d7;font-size:36px;font-weight:750}.signal-score small{letter-spacing:.04em;color:#47a878;font-size:10px;font-weight:650;display:block}.interpretation p{color:#7c8699;margin:0;font-size:13px;line-height:1.6}.feature-list{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.feature-list div{border-bottom:1px solid #eef0f4;padding-bottom:10px}.feature-list span,.feature-list strong{display:block}.feature-list span{color:#9aa3b4;margin-bottom:5px;font-size:11px}.feature-list strong{font-size:14px}.warm-tag{color:#c47a1d;background:#fff3e2;border-radius:999px;padding:7px 10px;font-size:11px}.thermal-metrics{margin-top:14px}.thermal-insights{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px;display:grid}.thermal-insights div{background:#f7f8fb;border-radius:12px;padding:14px}.thermal-insights strong,.thermal-insights span{display:block}.thermal-insights strong{margin-bottom:8px;font-size:12px}.thermal-insights span{color:#798398;font-size:13px}.healthy-copy{color:#32a06d!important}.active-alert{align-items:center;gap:14px;margin-top:20px;display:flex}.active-alert>div:nth-child(2){flex:1}.active-alert strong{font-size:14px}.active-alert .muted{margin-top:5px}.event-table{margin-top:18px}.event-row{color:#6f7a8e;border-bottom:1px solid #eef0f4;grid-template-columns:1.5fr 1fr .6fr .65fr;align-items:center;gap:16px;padding:15px 0;font-size:12px;display:grid}.event-row:last-child{border-bottom:0}.event-row strong{color:#283145;font-size:12px}.event-header{color:#a0a8b7;text-transform:uppercase;letter-spacing:.08em;padding-top:0;font-size:10px}.event-header span{font-weight:700}.alert-panel .panel-head>.ui-icon{color:#d88422;font-size:20px!important}@media (width<=1000px){.analysis-grid,.thermal-insights{grid-template-columns:1fr}.event-row{grid-template-columns:1.5fr 1fr .6fr .7fr}}@media (width<=700px){.page-intro{display:block}.page-intro .warm-tag,.page-intro .warning-tag,.page-intro .good-tag{margin-top:14px;display:inline-block}.three{grid-template-columns:1fr}.event-row{grid-template-columns:1fr 1fr}.event-header{display:none}.event-row span:nth-child(3){text-align:right}.active-alert{flex-wrap:wrap;align-items:flex-start}.active-alert .warning-tag{margin-left:48px}.interpretation{display:block}.signal-score{margin-bottom:12px}}.signals-intro{align-items:center}.alarm-controls{align-items:center;gap:10px;display:flex}.alarm-state{color:#9aa3b4;background:#fff;border:1px solid #e7eaf0;border-radius:999px;padding:9px 12px;font-size:11px}.alarm-state.armed{color:#2b9966}.primary-button,.secondary-button{font:inherit;cursor:pointer;border:0;border-radius:10px;font-size:11px;font-weight:650}.primary-button{color:#fff;background:#4e67d7;padding:11px 15px;box-shadow:0 6px 15px #4e67d72c}.secondary-button{color:#596dbf;background:#f1f3fb;padding:8px 10px}.workflow-note{color:#6673a4;background:#f0f3ff;border:1px solid #dfe5ff;border-radius:14px;align-items:center;gap:12px;margin-bottom:14px;padding:12px 16px;font-size:11px;display:flex}.workflow-note strong{color:#4059c7;margin-right:auto;font-size:12px}.workflow-note b{color:#9aa5d0}.threshold-alert{color:#af6f20;background:#fff3e2;border:1px solid #ffe1b4;border-radius:12px;margin-bottom:14px;padding:11px 14px;font-size:12px}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.signal-card{background:#fff;border:1px solid #e9ecf2;border-radius:18px;padding:18px;box-shadow:0 6px 18px #26314d06}.signal-card.exceeded{border-color:#ef9b71;box-shadow:0 0 0 3px #fff0e9}.signal-card-head{justify-content:space-between;align-items:flex-start;display:flex}.signal-card h3{margin:0 0 6px;font-size:14px}.signal-card .muted strong{color:#273147}.signal-status{color:var(--signal-color);background:#f7f8fb;border-radius:999px;padding:6px 9px;font-size:10px}.signal-card.exceeded .signal-status{color:#c44f55;background:#fff0f0}.signal-chart{height:170px;margin:12px -4px 5px;position:relative}.threshold-line{pointer-events:none;border-top:1px dashed #e78c58;position:absolute;left:4px;right:4px}.threshold-line span{color:#c5793f;background:#fff8f1;border-radius:4px;padding:3px 5px;font-size:9px;position:absolute;top:-17px;right:0}.threshold-editor{border-top:1px solid #eef0f4;justify-content:space-between;align-items:flex-end;gap:10px;padding-top:13px;display:flex}.threshold-editor label{color:#8992a5;align-items:center;gap:6px;font-size:10px;display:flex}.threshold-editor input{color:#273147;width:74px;font:inherit;border:1px solid #dfe3eb;border-radius:8px;outline-color:#6c8cff;padding:8px 7px;font-size:12px;font-weight:650}.threshold-editor input:focus{border-color:#6c8cff}.threshold-editor label span{color:#a0a8b7;font-size:11px}.data-flow-panel{color:#fff;background:#202b48;border-radius:18px;justify-content:space-between;align-items:center;gap:20px;margin-top:14px;padding:20px 22px;display:flex}.data-flow-panel .eyebrow{color:#b8c4e7}.data-flow-panel h3{margin:0 0 6px;font-size:15px}.data-flow-panel .muted{color:#c2cbe1;max-width:680px}.data-flow-panel code{color:#dbe2ff}.flow-code{color:#bfcaff;white-space:nowrap;background:#17203a;border:1px solid #44547f;border-radius:10px;padding:12px 14px;font:12px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace}@media (width<=900px){.signal-grid{grid-template-columns:1fr}.data-flow-panel{display:block}.flow-code{white-space:normal;margin-top:14px}}@media (width<=700px){.signals-intro{display:block}.alarm-controls{flex-wrap:wrap;margin-top:14px}.workflow-note{display:block}.workflow-note span,.workflow-note b{margin:5px 8px 0 0;display:inline-block}.workflow-note strong{margin-bottom:4px;display:block}.threshold-editor{flex-direction:column;align-items:flex-start}.secondary-button{align-self:flex-start}}