@import"https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&family=Orbitron:wght@400;500;700&family=DM+Sans:wght@300;400;500;600&family=DM+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #080808;--surface: #0f0f0f;--surface2: #161616;--surface3: #1e1e1e;--border: rgba(184,184,184,.1);--border-hi: rgba(184,184,184,.25);--silver: #B8B8B8;--silver-dim: #a0a0a0;--white: #f4f4f4;--muted: #888888;--user-color: #60a5fa;--user-bg: rgba(96,165,250,.08);--user-border: rgba(96,165,250,.3);--sensor-color: #f59e0b;--sensor-bg: rgba(245,158,11,.08);--sensor-border: rgba(245,158,11,.3);--db-color: #34d399;--db-bg: rgba(52,211,153,.08);--db-border: rgba(52,211,153,.3);--calc-color: #a78bfa;--calc-bg: rgba(167,139,250,.08);--calc-border: rgba(167,139,250,.3);--de-ok: #34d399;--de-good: #60a5fa;--de-warn: #f59e0b;--de-danger: #f87171;--font-main: "DM Sans", sans-serif;--font-display: "Rajdhani", sans-serif;--font-tech: "Orbitron", monospace;--font-mono: "DM Mono", monospace}html,body,#root{height:100%;width:100%;overflow:hidden;background:var(--bg);color:var(--white);font-family:var(--font-main);font-size:13px;-webkit-font-smoothing:antialiased}.input-user{border-color:var(--user-border)!important;background:var(--user-bg)!important;color:var(--user-color)!important}.input-sensor{border-color:var(--sensor-border)!important;background:var(--sensor-bg)!important;color:var(--sensor-color)!important}.input-db{border-color:var(--db-border)!important;background:var(--db-bg)!important;color:var(--db-color)!important}.input-calc{border-color:var(--calc-border)!important;background:var(--calc-bg)!important;color:var(--calc-color)!important}.sps-input{width:100%;padding:7px 10px;background:var(--surface2);border:1px solid var(--border);border-radius:5px;color:var(--white);font-family:var(--font-main);font-size:13px;outline:none;transition:border-color .2s}.sps-input:focus{border-color:var(--border-hi)}.sps-input:read-only{opacity:.7;cursor:default}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:none;border-radius:5px;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.5px;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn:hover{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--silver);color:#000}.btn-user{background:var(--user-color);color:#000}.btn-sensor{background:var(--sensor-color);color:#000}.btn-db{background:var(--db-color);color:#000}.btn-calc{background:var(--calc-color);color:#000}.btn-danger{background:#ef4444;color:#fff}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--silver-dim)}.btn-sm{padding:4px 10px;font-size:11px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--surface2);font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.5px;color:var(--silver)}.panel-body{padding:12px 14px}.field-label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);margin-bottom:4px}.field-label.user{color:var(--user-color)}.field-label.sensor{color:var(--sensor-color)}.field-label.db{color:var(--db-color)}.field-label.calc{color:var(--calc-color)}.data-field{margin-bottom:10px}.sps-table{width:100%;border-collapse:collapse;font-size:12px}.sps-table th{text-align:left;padding:6px 10px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--silver-dim);border-bottom:1px solid var(--border);background:var(--surface2);white-space:nowrap}.sps-table td{padding:7px 10px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.sps-table tr:hover td{background:#ffffff05}.de-badge{display:inline-block;padding:2px 8px;border-radius:100px;font-family:var(--font-mono);font-size:11px;font-weight:600}.de-ok{background:#34d39926;color:var(--de-ok)}.de-good{background:#60a5fa26;color:var(--de-good)}.de-warn{background:#f59e0b26;color:var(--de-warn)}.de-danger{background:#f8717126;color:var(--de-danger)}.colour-swatch{width:32px;height:32px;border-radius:4px;border:1px solid var(--border);display:inline-block;flex-shrink:0}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--muted);border-radius:4px}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--silver);animation:spin .7s linear infinite;flex-shrink:0}.tab-bar{display:flex;gap:2px;background:var(--surface);border-bottom:1px solid var(--border);padding:0 14px}.tab-item{padding:10px 18px;cursor:pointer;font-size:12px;font-family:var(--font-display);font-weight:600;letter-spacing:.5px;color:var(--silver-dim);border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.tab-item:hover{color:var(--silver)}.tab-item.active{color:var(--silver);border-bottom-color:var(--silver)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.full-col{grid-column:1 / -1}