*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;overflow:hidden}.scene3d-container{cursor:grab;width:100%;height:100%;display:block}.scene3d-container:active{cursor:grabbing}.scene3d-container canvas{display:block;width:100%!important;height:100%!important}.notif-bell-wrap{flex-shrink:0;position:relative}.notif-bell-btn{color:#6b7280;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:color .15s,background .15s,border-color .15s;display:flex;position:relative}.notif-bell-btn:hover,.notif-bell-btn.notif-bell-open{color:#e8e8f0;background:#13131f;border-color:#2a2a3a}.notif-badge{text-align:center;color:#fff;pointer-events:none;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:.6rem;font-weight:700;line-height:15px;position:absolute;top:3px;right:3px}.badge-critical{background:#ef4444;box-shadow:0 0 6px #ef444499}.badge-warning{background:#f97316}.badge-info{background:#3b82f6}.notif-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;background:#0a0a16f7;border:1px solid #2a2a4a;border-radius:12px;width:340px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 32px #0009}.notif-panel-header{color:#6b7280;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid #1e1e2e;justify-content:space-between;align-items:center;padding:10px 14px 8px;font-size:.72rem;font-weight:600;display:flex}.notif-all-clear{color:#22c55e;text-transform:none;letter-spacing:0;font-weight:500}.notif-empty{color:#374151;text-align:center;padding:16px 14px;font-size:.8rem}.notif-row{border-bottom:1px solid #1a1a2a;align-items:flex-start;gap:10px;padding:10px 14px;font-size:.78rem;line-height:1.4;display:flex}.notif-row:last-child{border-bottom:none}.notif-sev-info{color:#93c5fd}.notif-sev-warning{color:#fde68a}.notif-sev-critical{color:#fca5a5}.notif-icon{flex-shrink:0;margin-top:1px;font-size:.85rem}.notif-msg{flex:1}.notif-dismiss{color:inherit;opacity:.4;cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0 2px;font-size:.72rem;transition:opacity .12s}.notif-dismiss:hover{opacity:1}.notif-calib{color:#fde68a;background:repeating-linear-gradient(45deg,#78500059,#78500059 8px,#643c0059 8px 16px);border-bottom:1px solid #f59e0b4d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8e8f0;background:#0a0a12;height:100%;font-family:system-ui,-apple-system,sans-serif}.app-layout{flex-direction:column;height:100vh;display:flex;position:relative;overflow:hidden}.top-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;background:#0a0a14eb;border-bottom:1px solid #1e1e2e;flex-shrink:0;align-items:center;gap:12px;height:52px;padding:0 16px;display:flex}.app-title{white-space:nowrap;font-size:1rem;font-weight:600}.sensor-row{flex-wrap:wrap;flex:1;justify-content:center;gap:8px;display:flex}.sensor-chip{background:#13131f;border:1px solid #2a2a3a;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:.78rem;display:flex}.chip-label{color:#6b7280;font-size:.7rem}.setpoint-chip{color:#a78bfa;cursor:pointer;white-space:nowrap;background:#13131f;border:1px solid #3a3a5a;border-radius:6px;padding:3px 10px;font-size:.78rem}.setpoint-chip:hover{border-color:#a78bfa}.setpoint-input{color:#e8e8f0;text-align:center;background:#13131f;border:1px solid #a78bfa;border-radius:6px;outline:none;width:72px;padding:3px 8px;font-size:.78rem}.chip-temp{color:#60a5fa;font-weight:700}.chip-rh{color:#34d399}.seg-control{background:#0d0d1a;border:1px solid #2a2a3a;border-radius:14px;flex-shrink:0;align-items:center;gap:0;height:28px;padding:2px;display:flex}.seg-segment{color:#4b5563;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;min-width:44px;height:24px;padding:0 10px;font-size:.72rem;font-weight:600;transition:background .15s ease-out,color .15s ease-out}.seg-segment:hover:not(.seg-active){color:#9ca3af}.seg-segment.seg-active{color:#e8e8f0;background:#1e1e35}.tt-mean-value{color:#e8e8f0;font-size:1rem}.tt-secondary{color:#9ca3af;font-size:.85rem}.tt-window{color:#374151;margin-top:8px;font-size:.68rem}.stability-loading{color:#a78bfa}.status-row{white-space:nowrap;align-items:center;gap:6px;margin-left:auto;display:flex}.dot{border-radius:50%;width:8px;height:8px}.dot-online{background:#22c55e;box-shadow:0 0 5px #22c55e}.dot-offline{background:#ef4444}.dot-unknown{background:#6b7280}.status-text{color:#6b7280;font-size:.8rem}.viewport{flex:1;position:relative;overflow:hidden}.overlay-msg{color:#9ca3af;z-index:5;pointer-events:none;justify-content:center;align-items:center;font-size:1rem;display:flex;position:absolute;inset:0}.overlay-msg.error{color:#ef4444}.hover-tooltip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;z-index:20;background:#0a0a19eb;border:1px solid #2a2a4a;border-radius:10px;min-width:160px;padding:12px 16px;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 24px #00000080}.tt-title{color:#9ca3af;letter-spacing:.02em;margin-bottom:8px;font-size:.8rem;font-weight:600}.tt-row{align-items:baseline;gap:6px;margin-bottom:4px;font-size:.85rem;display:flex}.tt-row span:first-child{color:#6b7280;width:24px}.tt-row strong{color:#e8e8f0;font-size:1rem}.tt-row span:last-child{color:#6b7280;font-size:.75rem}.tt-conf{color:#4b5563;margin-top:8px;font-size:.72rem}.tt-probe{color:#374151;margin-top:2px;font-size:.68rem}