:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px}:root{--hc-font-family: Inter, "Inter Tight", Sarabun, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--hc-text-primary: #1d1d1d;--hc-text-secondary: #525971;--hc-text-disabled: #7e7e7e;--hc-bg-body: #f3f3f3;--hc-bg-surface: #f6f6f6;--hc-bg-surface-strong: #ffffff;--hc-border: #d9d9d9;--hc-border-strong: #c3c3e7;--hc-primary: #1d1d1d;--hc-primary-contrast: #ffffff;--hc-success: #51ed6d;--hc-error: #ed5175;--hc-radius-sm: 8px;--hc-radius-md: 16px;--hc-shadow-popover: 0px 4px 16px 0px #00000026}.barebones{min-height:100vh;max-width:900px;margin:0 auto;padding:24px 16px 40px;color:var(--hc-text-primary);font-family:var(--hc-font-family)}body{background:var(--hc-bg-body)}.page-title{margin:0 0 6px;font-size:24px;line-height:32px;font-weight:700;letter-spacing:.4px}.barebones h1{margin:0 0 .25rem}.card{border:1px solid var(--hc-border);border-radius:var(--hc-radius-md);padding:16px;background:var(--hc-bg-surface);box-shadow:var(--hc-shadow-popover);margin-top:12px;text-align:left}.form{display:flex;flex-direction:column;gap:10px}.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.46px;font-weight:600;text-transform:uppercase;color:var(--hc-text-secondary)}.list{display:flex;flex-direction:column;gap:8px}.list-item{text-align:left;display:flex;flex-direction:column;gap:4px}.list-item strong{font-size:15px;font-weight:600;line-height:20px}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.top-actions{justify-content:space-between;align-items:center}.muted{color:var(--hc-text-secondary);margin:4px 0;font-size:13px;letter-spacing:.46px}.error{color:var(--hc-error)}.success{color:#2d8a44}.basis-metrics-text{margin:4px 0 8px}.basis-metrics-text p{margin:4px 0;color:var(--hc-text-primary);font-size:13px}input,button,select{padding:10px 12px;border-radius:var(--hc-radius-sm);border:1px solid var(--hc-border);font-size:14px;font-family:var(--hc-font-family);color:var(--hc-text-primary)}button{background:var(--hc-bg-surface-strong);cursor:pointer;transition:all .12s ease-in}button:hover:enabled{background:#0000000d}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--hc-border-strong);outline-offset:1px}button:disabled{opacity:.6;cursor:not-allowed}.btn-primary{border-color:var(--hc-primary);background:var(--hc-primary);color:var(--hc-primary-contrast)}.btn-primary:hover:enabled{background:#2b2b2b}.btn-secondary{background:var(--hc-bg-surface-strong);border-color:var(--hc-border)}.btn-list{background:var(--hc-bg-surface-strong);border-color:var(--hc-border);border-radius:var(--hc-radius-sm);padding:10px 12px}.btn-list:hover:enabled{border-color:var(--hc-border-strong)}pre{background:#fff9;color:var(--hc-text-primary);border:1px solid var(--hc-border);padding:12px;border-radius:var(--hc-radius-sm);overflow:auto;font-size:12px}.export-card{margin-top:12px;box-shadow:none}.export-card h3{margin:0 0 8px;font-size:16px;letter-spacing:.47px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:12px}.chart{min-height:260px;overflow-x:auto;padding:10px 8px;border:1px solid var(--hc-border);border-radius:var(--hc-radius-sm);background:var(--hc-bg-surface-strong)}.chart-wrap{display:flex;flex-direction:column;gap:8px}.bar{width:6px;background:#5e51ed;border-radius:3px 3px 0 0}.chart-meta{font-size:12px}.popular-grid-wrap{overflow-x:auto}.popular-grid{width:100%;border-collapse:collapse;font-size:12px}.popular-grid th,.popular-grid td{border:1px solid var(--hc-border);padding:6px 8px;text-align:center;white-space:nowrap}.popular-grid th{background:#f3f3f3;font-weight:600}.json-collapsible{margin-top:12px}.json-collapsible summary{cursor:pointer;font-weight:600;color:var(--hc-text-primary);margin-bottom:8px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.section-header h2{margin:0}.new-sensor-form{display:flex;flex-direction:column;gap:10px;background:var(--hc-bg-surface-strong)}.btn-danger{border-color:var(--hc-error);background:var(--hc-error);color:#fff}.btn-danger:hover:enabled{background:#d4425f}.header-actions{display:flex;gap:8px;flex-shrink:0}.toggle-group{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--hc-border);border-radius:var(--hc-radius-sm);background:var(--hc-bg-surface-strong)}.engage-tabs{margin-bottom:12px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:100}.modal{background:var(--hc-bg-surface-strong);border:1px solid var(--hc-border);border-radius:var(--hc-radius-md);padding:20px 24px;box-shadow:var(--hc-shadow-popover);min-width:340px;max-width:480px}.modal-wide{width:min(1100px,calc(100vw - 32px));max-width:none;height:calc(100vh - 48px);max-height:calc(100vh - 48px);overflow:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h3{margin:0;font-size:18px}.btn-close{background:none;border:none;font-size:22px;padding:4px 8px;color:var(--hc-text-secondary);cursor:pointer;line-height:1}.btn-close:hover:enabled{background:none;color:var(--hc-text-primary)}.modal p{margin:0 0 16px;font-size:14px;line-height:1.5}.modal-form-fields{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.modal-form-fields label{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.46px;font-weight:600;text-transform:uppercase;color:var(--hc-text-secondary)}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.warning{border:1px solid #e6ba4a;border-radius:var(--hc-radius-sm);background:#fff8df;color:#735300;padding:10px 12px;margin:10px 0;font-size:13px}.engage-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;align-items:end;margin-bottom:12px}.engage-filters label{display:flex;flex-direction:column;gap:4px;font-size:12px;letter-spacing:.46px;font-weight:600;text-transform:uppercase;color:var(--hc-text-secondary)}.engage-filters .checkbox-filter{flex-direction:row;align-items:center;gap:8px;text-transform:none}.checkbox-filter input{width:18px;height:18px;accent-color:var(--hc-primary)}.engage-table-wrap{overflow:auto;max-height:52vh;border:1px solid var(--hc-border);border-radius:var(--hc-radius-sm);margin:12px 0}.engage-table{width:100%;border-collapse:collapse;font-size:12px}.engage-table th,.engage-table td{border-bottom:1px solid var(--hc-border);padding:8px 10px;text-align:left;vertical-align:top}.engage-table th{background:#f3f3f3;font-weight:600;position:sticky;top:0;z-index:1}.engage-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.engage-table th.sortable:hover{background:#e8e8e8}.engage-table td:first-child,.engage-table th:first-child{width:72px;text-align:center}.engage-table strong,.engage-table .muted{display:block}.playback-settings-value{display:inline-block;max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:#fff9;border:1px solid var(--hc-border);border-radius:var(--hc-radius-sm);padding:4px 6px}.last-seen-stale{color:#e02424;font-weight:600}.last-seen-fresh{color:#1f9d55;font-weight:600}.status-log{background:#101010;color:#f3f3f3;border-radius:var(--hc-radius-sm);padding:10px 12px;min-height:90px;max-height:180px;overflow:auto;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:12px;line-height:1.5;margin-top:12px}.credentials{display:flex;flex-direction:column;gap:8px}.credential-row{display:flex;align-items:center;gap:10px}.credential-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.46px;color:var(--hc-text-secondary);min-width:70px}.credential-value{font-size:14px;background:#fff9;border:1px solid var(--hc-border);padding:6px 10px;border-radius:var(--hc-radius-sm);-webkit-user-select:all;user-select:all}.bulk-controls{display:flex;align-items:center;gap:8px;margin:4px 0 8px}.bulk-select-actions{display:flex;align-items:center;gap:8px}.btn-sm{padding:6px 10px;font-size:12px}.sensor-row{display:flex;align-items:center;gap:8px}.sensor-checkbox{flex-shrink:0;width:18px;height:18px;cursor:pointer;accent-color:var(--hc-primary)}.sensor-info{flex:1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px}.sensor-text{display:flex;flex-direction:column;gap:4px;min-width:0}.sensor-status{display:inline-flex;width:fit-content;flex-shrink:0;justify-self:end;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.46px;text-transform:uppercase}.sensor-status-online{background:#dffbe5;color:#1f7a36}.sensor-status-offline{background:#ffe4e9;color:#b42645}.health-status{flex-shrink:0}.health-ok{background:#dffbe5;color:#1f7a36}.health-no-data{background:#ffe4e9;color:#b42645}.health-checking{background:#eef0f4;color:#555}.health-error{background:#fff3d6;color:#8a6100}.bulk-download-card{margin-top:16px;background:var(--hc-bg-surface-strong)}.bulk-download-card h3{margin:0 0 8px;font-size:16px;letter-spacing:.47px}