:root{color-scheme:dark;--bg: #020814;--bg-elevated: rgba(6, 20, 38, .92);--bg-soft: rgba(10, 28, 50, .82);--line: rgba(61, 123, 181, .28);--line-strong: rgba(50, 215, 255, .28);--text: #e8f6ff;--muted: #7f9db9;--accent: #32d7ff;--accent-strong: #3f8cff;--success: #00ffaa;--warning: #ffd166;--danger: #ff5f7a;--shadow: 0 18px 60px rgba(0, 0, 0, .34);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,rgba(50,215,255,.16),transparent 24%),radial-gradient(circle at top right,rgba(63,140,255,.14),transparent 18%),linear-gradient(180deg,#020814,#06101d 48%,#040912);color:var(--text)}a{color:var(--accent);text-decoration:none}button,input,select,textarea{font:inherit}button,.button-like{border:1px solid var(--line-strong);background:linear-gradient(180deg,#122a4af5,#08182ef5);color:var(--text);border-radius:12px;padding:.75rem 1rem;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{width:100%;border:1px solid var(--line);background:#030c18eb;color:var(--text);border-radius:10px;padding:.75rem .9rem}textarea{min-height:110px;resize:vertical}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:288px minmax(0,1fr);height:100vh;overflow:hidden}.sidebar{display:flex;flex-direction:column;height:100vh;overflow:hidden;border-right:1px solid var(--line);padding:1.25rem;background:#030c18d6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{margin-bottom:.65rem}.brand-mark{display:flex;justify-content:center;align-items:center;min-height:156px;margin-bottom:.4rem;padding:.9rem;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at center,rgba(50,215,255,.14),transparent 58%),linear-gradient(180deg,#0a1c32f5,#040e1cf5);box-shadow:inset 0 0 36px #32d7ff14;user-select:none;-webkit-user-select:none}.brand-mark img{width:100%;max-width:220px;max-height:120px;height:auto;object-fit:contain;user-select:none;-webkit-user-select:none;pointer-events:none}.brand-copy{display:grid;gap:.2rem;padding:0 .2rem;text-align:center}.brand strong,.topbar h1,.section-header h2{display:block;letter-spacing:.02em}.brand span,.section-header p,.metric-card p,.topbar .eyebrow,.eyebrow{color:var(--muted);font-size:.84rem}.sidebar nav{min-height:0;flex:1 1 auto;display:grid;gap:.25rem;overflow-y:auto;overflow-x:hidden;padding-right:.2rem;scrollbar-width:thin;scrollbar-color:rgba(50,215,255,.42) transparent}.sidebar nav::-webkit-scrollbar{width:6px}.sidebar nav::-webkit-scrollbar-thumb{border-radius:999px;background:#32d7ff6b}.sidebar-footer{margin-top:auto;padding-top:.6rem;border-top:1px solid var(--line);text-align:center}.sidebar-tagline{margin:0;color:var(--accent);font-size:.92rem;line-height:1.45;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 0 10px rgba(50,215,255,.18)}.refresh-pulse{animation:refreshPulse .9s ease}@keyframes refreshPulse{0%{color:var(--text);text-shadow:0 0 0 rgba(50,215,255,0);transform:scale(1)}35%{color:#bff6ff;text-shadow:0 0 12px rgba(50,215,255,.75),0 0 28px rgba(63,140,255,.45);transform:scale(1.03)}to{color:var(--accent);text-shadow:0 0 10px rgba(50,215,255,.18);transform:scale(1)}}.nav-link{padding:.62rem 1rem;border:1px solid transparent;border-radius:12px;color:var(--text)}.nav-link.active{background:#0f233fe0;border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #32d7ff1a}.shell-main{min-width:0;height:100vh;overflow-y:auto;padding:1rem 1.25rem 1.5rem}.topbar,.section-header,.toolbar,.stack-row,.summary-hero,.tab-strip,.poll-timing-grid,.description-list,.stat-strip{display:flex;gap:.8rem;align-items:center}.topbar,.section-header{justify-content:space-between}.topbar{margin-bottom:1rem}.topbar h1{margin:.1rem 0 0;font-size:1.5rem}.topbar-right,.topbar-left{display:flex;gap:.8rem;align-items:center}.build-version{max-width:18rem;overflow:hidden;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.sidebar-toggle{display:none}.page-grid{display:grid;gap:1rem;min-width:0}.login-shell{min-height:100vh;display:grid;place-items:center;padding:2.5rem 1.5rem}.login-card{width:min(440px,100%);padding:2.25rem 2rem 2rem;display:grid;gap:1.4rem;text-align:center}.login-logo{display:grid;place-items:center;padding:1.1rem;border-radius:999px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(50,215,255,.2),transparent 60%),#061221e6;box-shadow:inset 0 0 20px #32d7ff1f;user-select:none;-webkit-user-select:none}.login-logo img{width:140px;height:auto;user-select:none;-webkit-user-select:none;pointer-events:none}.login-header h2{margin:.25rem 0 .35rem}.login-header p{margin:0;color:var(--muted)}.login-form{display:grid;gap:.9rem;text-align:left}.login-form label{display:grid;gap:.5rem;font-size:.92rem}.login-submit{margin-top:.4rem;width:100%;justify-content:center}.two-columns{grid-template-columns:320px minmax(0,1fr)}.metrics-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.history-health-metrics{width:100%;min-width:0;grid-template-columns:repeat(4,minmax(0,1fr))}.history-health-metrics>.metric-card{min-width:0;overflow:hidden}.history-health-metrics .metric-card strong,.history-health-metrics .metric-card p{overflow-wrap:anywhere}.compact-select{display:flex;gap:.5rem;align-items:center;color:var(--muted);font-size:.82rem}.template-editor-toolbar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:.8rem}.template-editor-toolbar>button.is-active{background:#0e6b74;border-color:#0e6b74;color:#fff;box-shadow:0 0 0 3px #0e6b742e;font-weight:700}.template-editor-toolbar label{display:grid;gap:.3rem;color:var(--muted);font-size:.82rem}.danger-button{color:#9f1239;border-color:#fda4af}.danger-button:hover:not(:disabled){background:#fff1f2}.template-editor{width:100%;min-height:560px;font-family:Cascadia Code,Consolas,monospace;font-size:.84rem;line-height:1.45}.ingest-create-form{align-items:end}.user-access-layout{display:grid;gap:.8rem;max-width:760px}.user-access-layout fieldset{display:flex;flex-wrap:wrap;gap:.7rem;border:1px solid var(--line);border-radius:12px;padding:.7rem}.check-row{display:inline-flex;gap:.4rem;align-items:center}.one-time-key{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:.8rem;padding:.75rem;border:1px solid var(--line-strong);border-radius:12px;background:#32d7ff14}.one-time-key code{overflow-wrap:anywhere;color:var(--accent)}.table-actions{white-space:nowrap}.payload-device-select{display:flex;gap:.6rem;align-items:center;max-width:360px;color:var(--muted)}.ingest-payload-json{max-width:520px;max-height:150px;margin:0;overflow:auto;white-space:pre-wrap}.template-add-input{max-width:240px}.success-text{color:var(--success)}.compact-select select{width:auto}.activity-legend{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem;color:var(--muted);font-size:.82rem}.activity-help{margin:0 0 .7rem;color:var(--muted);font-size:.8rem}.activity-legend span{display:inline-flex;gap:.4rem;align-items:center}.activity-legend i{display:inline-block}.activity-legend-bar{width:24px;height:8px;border-radius:5px;background:#32d7ff8c}.activity-legend-poll{width:2px;height:12px;background:#f5c451}.activity-legend-poll.poll-always{background:#32d7ff}.activity-legend-poll.poll-debug{background:#f5c451}.activity-legend-poll.poll-setting{background:#b58cff}.activity-scroll{max-width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:14px}.activity-chart{min-width:1050px;background:#030c188c}.activity-axis-row,.activity-row{display:grid;grid-template-columns:245px minmax(760px,1fr)}.activity-axis-row{position:sticky;top:0;z-index:3;min-height:46px;background:#061426fa;border-bottom:1px solid var(--line)}.activity-row{min-height:52px;border-bottom:1px solid rgba(129,173,210,.12)}.activity-row:last-child{border-bottom:0}.activity-label{position:sticky;left:0;z-index:2;display:flex;min-width:0;flex-direction:column;justify-content:center;padding:.55rem .75rem;background:#061426fa;border-right:1px solid var(--line)}.activity-label strong{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.activity-label small{margin-top:.15rem;color:var(--muted)}.activity-axis-label{z-index:4;color:var(--muted);font-size:.78rem;text-transform:uppercase}.activity-axis,.activity-track{position:relative}.activity-axis span{position:absolute;bottom:.55rem;color:var(--muted);font-size:.7rem;transform:translate(-50%);white-space:nowrap}.activity-axis span:first-child{transform:none}.activity-axis span:last-child{transform:translate(-100%)}.activity-track{overflow:hidden}.activity-gridline{position:absolute;top:0;bottom:0;width:1px;background:#81add21a}.activity-interval{position:absolute;top:17px;height:18px;min-width:3px;border:1px solid;border-radius:6px;opacity:.72}.activity-poll{position:absolute;top:21px;z-index:1;width:2px;height:10px;background:#f5c451;opacity:.85}.metric-card,.section-card,.empty-state,.error-state{background:linear-gradient(180deg,#091627f2,#040e1cf2);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.metric-card{padding:1rem}.metric-card strong{display:block;margin:.45rem 0 .35rem;font-size:1.85rem}.section-card{min-width:0;padding:1rem}.section-card h2,.section-card h3{margin:0}.stack-list,.series-picker{display:grid;gap:.75rem}.stack-row,.list-select{justify-content:space-between;border:1px solid var(--line);background:var(--bg-soft);border-radius:14px;padding:.85rem 1rem}.list-select{width:100%;text-align:left}.helper-text{margin:0;color:var(--muted);font-size:.88rem}.inline-toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem;padding:.85rem 1rem;border:1px solid rgba(255,95,122,.35);border-radius:12px;background:#3a0c16db;color:#ffd7de}.inline-toast button{flex-shrink:0}.compact-unit-list{display:grid;gap:.55rem}.compact-unit-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.65rem .85rem;border:1px solid rgba(61,123,181,.16);border-radius:12px;background:#071221c7}.stacked-cell{display:grid;gap:.2rem;min-width:0}.stacked-cell span{color:var(--muted);font-size:.82rem}.align-end{justify-items:end;text-align:right}.badge-row{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}.poll-badge{display:inline-flex;align-items:center;padding:.3rem .55rem;border-radius:999px;border:1px solid rgba(50,215,255,.2);background:#32d7ff14;color:var(--accent);font-size:.75rem;line-height:1}.truncate-text{display:block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.92rem}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .7rem;border-radius:999px;border:1px solid transparent;font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.tone-success{background:#00ffaa1a;color:var(--success);border-color:#00ffaa40}.tone-warning{background:#ffd1661a;color:var(--warning);border-color:#ffd16640}.tone-danger{background:#ff5f7a1f;color:var(--danger);border-color:#ff5f7a47}.tone-info{background:#32d7ff1c;color:var(--accent);border-color:#32d7ff40}.tone-neutral{background:#7f9db91f;color:#adc3d8;border-color:#7f9db933}.pulse{box-shadow:0 0 #32d7ff66;animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #32d7ff47}70%{box-shadow:0 0 0 10px #32d7ff00}to{box-shadow:0 0 #32d7ff00}}.table-scroll{overflow:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.8rem;border-bottom:1px solid rgba(61,123,181,.16);text-align:left;white-space:nowrap}.data-table.dense th,.data-table.dense td{padding:.65rem .75rem}.writes-table{table-layout:fixed}.writes-table th,.writes-table td{white-space:normal;vertical-align:top}.writes-table th:nth-child(5),.writes-table td:nth-child(5){width:34%}.payload-cell{min-width:0;overflow-wrap:anywhere;word-break:break-word;font-size:.84rem;line-height:1.35}.summary-hero,.poll-timing-grid,.description-list,.preview-grid,.history-layout{flex-wrap:wrap}.summary-hero{align-items:stretch}.hero-stat,.poll-timing-item,.description-list>div{min-width:160px;flex:1 1 160px;border:1px solid var(--line);border-radius:14px;background:var(--bg-soft);padding:.9rem}.hero-stat span,.poll-timing-item span,.description-list span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:.3rem}.poll-timing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:1rem 0}.status-pill-row{display:flex;height:calc(100% - 1.1rem);flex-direction:column;gap:.4rem;align-items:stretch}.status-pill-row>span{min-width:0;min-height:0;flex:1 1 0}.status-pill-row .status-badge{box-sizing:border-box;width:100%;height:100%;justify-content:center;text-align:center}.hero-status{min-width:210px;flex:0 1 225px}.hero-last-poll{min-width:270px;flex:2 1 340px}.hero-total-polls{min-width:105px;flex:.6 1 105px}.hero-thingsboard-id{min-width:240px;flex:2 1 280px}.last-write-list{display:grid;gap:.25rem}.last-write-list>div{display:grid;min-width:0;grid-template-columns:76px minmax(0,1fr);gap:.45rem;align-items:baseline}.last-write-list small{color:var(--muted);font-size:.74rem}.last-write-list strong{overflow:hidden;font-size:.8rem;text-overflow:ellipsis;white-space:nowrap}.hero-detail{display:block;margin-top:.3rem;color:var(--muted);font-size:.76rem}.tab-strip{flex-wrap:wrap;margin-top:.5rem}.tab-strip button.active,.mode-switcher button.active{border-color:var(--line-strong);box-shadow:inset 0 0 0 1px #32d7ff1a}.mode-switcher{display:flex;gap:.75rem;flex-wrap:wrap;margin:1rem 0}.mode-switcher button{display:grid;gap:.18rem;min-width:120px;text-align:left}.mode-switcher button span{color:var(--muted);font-size:.78rem}.batch-list{display:grid;gap:1rem}.batch-card{border:1px solid rgba(61,123,181,.18);border-radius:16px;background:#071221b8;padding:1rem}.batch-card-header{display:flex;justify-content:space-between;gap:.75rem;align-items:center;margin-bottom:.85rem}.batch-card-header h3{margin:0;font-size:1rem}.batch-card-header p{margin:.2rem 0 0;color:var(--muted);font-size:.84rem}.map-editor-toolbar,.map-editor-controls,.map-editor-stats{display:flex;align-items:end;gap:.75rem;flex-wrap:wrap;margin-bottom:1rem}.map-editor-controls>label{width:min(220px,100%)}.map-editor-controls .map-editor-search{flex:1 1 280px}.map-editor-controls .map-editor-invalid-only{width:auto;padding-bottom:.75rem}.map-editor-overwrite-option{padding:.55rem .7rem;border:1px solid var(--line);border-radius:10px;background:#030c18b8;color:var(--muted);white-space:nowrap}.map-editor-message{margin:.8rem 0;padding:.75rem .9rem;border:1px solid var(--line-strong);border-radius:10px;background:#32d7ff14;color:var(--text)}.map-editor-filter-pill{padding:0;border:0;border-radius:999px;background:transparent}.map-editor-filter-pill:hover .status-badge,.map-editor-filter-pill.active .status-badge{box-shadow:0 0 0 2px #32d7ff7a}.map-editor-filter-pill.active .status-badge{color:var(--text)}.map-editor-table-wrap{max-height:68vh;overflow:auto;border:1px solid var(--line);border-radius:12px}.map-editor-pagination{position:sticky;left:0;display:flex;align-items:center;justify-content:center;gap:.75rem;width:min(100%,720px);margin:.75rem auto 0;color:var(--muted);font-size:.78rem}.map-editor-table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;font-size:.78rem}.map-editor-table th,.map-editor-table td{min-width:110px;padding:.35rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#061426f5;vertical-align:top}.map-editor-table th{position:sticky;top:0;z-index:3;padding:.65rem .45rem;background:#102b45;text-align:left;white-space:nowrap}.map-editor-table input,.map-editor-table select{min-width:100px;padding:.45rem .5rem;border-radius:6px;font-size:.78rem}.map-editor-table th:nth-child(3),.map-editor-table td:nth-child(3),.map-editor-table th:nth-child(7),.map-editor-table td:nth-child(7){min-width:250px}.map-editor-table th:nth-child(2),.map-editor-table td:nth-child(2){width:76px;min-width:76px}.map-editor-table th:nth-child(3),.map-editor-table td:nth-child(3){width:210px;min-width:210px}.map-editor-table td:nth-child(2) input,.map-editor-table td:nth-child(3) input{min-width:0}.map-editor-table tr.invalid td{box-shadow:inset 0 0 0 1px #ff5f7a6b}.map-editor-table td small{display:block;margin-top:.25rem;color:var(--warning)}.map-editor-row-number{position:sticky;left:0;z-index:2;min-width:54px!important;color:var(--muted);text-align:right}.map-editor-row-number span{margin-left:.3rem;color:var(--danger);font-weight:700}.map-editor-raw{color:#b7c9da}.history-audit-summary{display:grid;gap:.8rem}.history-audit-summary .stat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.history-audit-summary .stat-strip>div{padding:.8rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}.history-audit-summary .stat-strip span{display:block;margin-bottom:.25rem;color:var(--muted);font-size:.78rem}.history-health-table td:first-child{position:sticky;left:0;background:#061426fa}.history-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:1rem;margin-bottom:1rem}.chart-panel,.log-panel{min-height:320px}.log-panel{max-height:70vh;overflow:auto}.log-viewer{display:grid;gap:.6rem}.log-entry{display:grid;grid-template-columns:180px 110px 1fr;gap:.8rem;border-bottom:1px solid rgba(61,123,181,.16);padding-bottom:.6rem}.log-entry p{margin:0;white-space:pre-wrap}.form-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.full-span{grid-column:1 / -1}.checkbox-row{display:inline-flex;gap:.55rem;align-items:center}.checkbox-row input{width:auto}.toolbar{flex-wrap:wrap;margin-bottom:1rem}.compact-toolbar{margin-top:-.25rem;margin-bottom:.75rem}.code-area{min-height:260px;max-height:340px;overflow:auto;font-family:Cascadia Code,Consolas,monospace;margin-bottom:1rem}.drop-zone{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;justify-content:space-between;margin-bottom:1rem;padding:.9rem 1rem;border:1px dashed rgba(50,215,255,.3);border-radius:14px;background:#071221b8}.drop-zone span{color:var(--muted);font-size:.88rem}.error-text{margin:-.25rem 0 1rem;color:var(--danger);font-size:.9rem}.empty-state,.error-state{padding:1.2rem}.empty-state p,.error-state p{margin-bottom:0;color:var(--muted)}.subsection{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line)}@media(max-width:1100px){.two-columns,.history-layout{grid-template-columns:1fr}}@media(max-width:860px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:min(84vw,288px);max-width:288px;transform:translate(-100%);transition:transform .18s ease;z-index:10}.sidebar-open .sidebar{transform:translate(0)}.sidebar-toggle{display:inline-flex}.shell-main{padding-top:1.2rem}.topbar,.topbar-right,.topbar-left,.compact-unit-row{flex-wrap:wrap}.align-end{justify-items:start;text-align:left}.badge-row{justify-content:flex-start}.log-entry{grid-template-columns:1fr}.history-health-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.history-health-metrics{grid-template-columns:1fr}}.template-help-markdown{max-width:960px;min-width:0;line-height:1.65;overflow-wrap:anywhere}.template-help-markdown h2{margin-top:2rem}.template-help-markdown pre{max-width:100%;overflow-x:auto;padding:1rem;border-radius:8px;background:#6ea8ff1a;line-height:1.5}.template-help-markdown code{font-family:monospace}