:root{--brand-indigo: #275df0;--brand-indigo-dark: #1f4bcc;--brand-orange: #f59e0b;--nav-navy: #0f172a;--nav-navy-deep: #0f172a;--surface: #f7f8fb;--card: #ffffff;--card-border: #e4e8f0;--text: #172033;--text-soft: #66758f;--good: #10b981;--warn: #d69b14;--bad: #dc4c4c;--radius: 12px;--radius-sm: 8px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Aptos,Segoe UI,Tahoma,sans-serif;color:var(--text);font-size:15px;line-height:1.45;background:var(--surface)}.navbar{position:sticky;top:0;z-index:20;min-height:68px;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;background:var(--nav-navy);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 2px 10px #0f172a1f}.navbar-brand{display:flex;align-items:center;gap:12px}.navbar-logo{width:150px;height:34px;object-fit:contain;display:block}.navbar-logo-fallback{color:#fff;font-size:1.5rem;font-weight:600;line-height:1;letter-spacing:.2px}.navbar-title{color:#fff;font-size:1.15rem;font-weight:600;line-height:1.2}.navbar-subtitle{color:#ffffffb8;font-size:.85rem;font-weight:400}.navbar-status{display:flex;align-items:center;gap:14px}.navbar-indicator{display:flex;align-items:center;gap:6px;color:#ffffffeb;font-weight:500;font-size:.92rem}.dot{width:10px;height:10px;border-radius:50%;box-shadow:0 0 8px currentcolor}.dot.green{color:var(--good);background:var(--good)}.dot.yellow{color:var(--warn);background:var(--warn)}.dot.red{color:var(--bad);background:var(--bad)}.app{width:min(1440px,95vw);margin:16px auto 28px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.panel{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:0 1px 4px #0f172a0d;margin-top:12px;overflow:hidden}.dashboard-grid .panel{margin-top:0}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid transparent;cursor:pointer;transition:background-color .2s ease}.panel-header:hover{background:#fafbfd}.panel-header.open{border-bottom-color:var(--card-border)}.panel-header-left{display:flex;align-items:center;gap:10px}.panel-header-left h2{margin:0;font-size:1.1rem;font-weight:600}.panel-header-actions{display:flex;align-items:center;gap:8px}.panel-icon{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:.82rem;letter-spacing:.3px}.panel-icon.green{color:#0f9a6f;background:#11b98129}.panel-icon.orange{color:#d9890e;background:#e8a3172e}.panel-icon.blue{color:#2e5ce0;background:#2e5ce024}.panel-icon.purple{color:var(--brand-indigo);background:#5d2ed924}.panel-badge{border-radius:999px;background:#eef2ff;color:#4f46e5;padding:4px 10px;font-size:.78rem;font-weight:600}.panel-chevron{color:#8a9ab4;font-size:.95rem;font-weight:700;transition:transform .2s ease}.panel-chevron.open{transform:rotate(180deg)}.panel-body{padding:14px 16px 16px}.panel-body.collapsed{display:none}.status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.status-item{display:flex;align-items:center;gap:10px;border:1px solid var(--card-border);border-radius:var(--radius-sm);padding:14px}.status-dot{width:11px;height:11px;border-radius:50%}.status-info span{display:block;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;color:#5e7192;margin-bottom:3px}.status-info strong{text-transform:capitalize;font-size:.95rem;font-weight:600}.status-item.ok{background:#ecfbf5;border-color:#b2ecd2}.status-item.ok .status-dot{background:var(--good)}.status-item.warn{background:#fffaec;border-color:#f8df99}.status-item.warn .status-dot{background:var(--warn)}.status-item.bad{background:#fff0f0;border-color:#f8c2c2}.status-item.bad .status-dot{background:var(--bad)}.debug-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.debug-grid-primary{grid-template-columns:repeat(5,minmax(0,1fr))}.debug-grid>div{background:#fafbfd;border:1px solid #e7ecf4;border-radius:var(--radius-sm);padding:10px 11px}.muted{display:block;color:var(--text-soft);font-size:.76rem;margin-bottom:5px}.debug-grid strong{font-size:.92rem;font-weight:600;word-break:break-word}.debug-topic{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.4}.debug-error-panel{margin-top:8px;border:1px solid #e7ecf4;border-radius:var(--radius-sm);padding:10px 11px;background:#fafbfd}.debug-error-panel.has-error{border-color:#f3c7c7;background:#fff7f7}.debug-error-panel.is-clear{border-color:#dfe7f2;background:#fafbfd}.debug-error-text{font-size:.88rem;font-weight:500;color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.45;max-height:72px;overflow:auto}.device-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;align-items:start}.device-card{border:1px solid #dde4ef;border-radius:var(--radius);padding:12px;background:#fff;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;overflow:hidden;min-width:0}.device-card:hover{border-color:#b8c7e0;box-shadow:0 2px 10px #1e40af14;transform:translateY(-1px)}.device-card.selected{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f640}.device-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid #edf1f7;gap:8px;min-width:0}.device-card-title{margin:0;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.source-badge{border-radius:999px;padding:3px 8px;font-size:.7rem;text-transform:uppercase;font-weight:600}.source-badge.mqtt{background:#2d5ce026;color:#2e5ce0}.source-badge.s3{background:#5d2ed926;color:var(--brand-indigo)}.timestamp{color:#7083a4;font-size:.82rem;margin:8px 0}.metric-list{display:grid;grid-template-columns:1fr 1fr;gap:6px}.metric-list.metric-list-full{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.metric-item{display:flex;justify-content:space-between;align-items:center;gap:6px;background:#f8fafc;padding:7px 9px;border-radius:7px;border:1px solid #e8eef8;font-size:.86rem;min-width:0;overflow:hidden}.metric-key{color:#486384;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.metric-val{color:#0f1728;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;max-width:55%}.metric-more{margin:6px 0 0;font-size:.76rem;color:var(--text-soft);text-align:right}.table-wrap{overflow:auto;border:1px solid #dce4ef;border-radius:var(--radius-sm)}.sub-title{margin:0 0 8px;font-size:.92rem;font-weight:600;color:#2f3f58}.device-details-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-details-meta>div{border:1px solid #e5ebf5;border-radius:var(--radius-sm);background:#f9fbff;padding:9px 10px}.device-details-meta strong{font-size:.9rem;font-weight:600}table{width:100%;border-collapse:collapse}th,td{padding:9px 11px;text-align:left;border-bottom:1px solid #ecf0f6;font-size:.88rem;white-space:nowrap}th{background:#f7f9fd;color:#5b6f8f;text-transform:uppercase;font-size:.72rem}.live-viewer-controls{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.count{color:#607596}.btn{border:1px solid transparent;border-radius:8px;padding:7px 12px;background:var(--brand-indigo);color:#fff;font-weight:600;cursor:pointer}.btn-sm{padding:6px 10px;font-size:.8rem}.btn-outline{background:#fff;color:var(--brand-indigo);border-color:#5d2ed959}.btn:hover{filter:brightness(1.04)}.stack{display:flex;flex-direction:column;gap:10px}.message-card{border:1px solid #dce4ef;border-radius:var(--radius-sm);overflow:hidden}.message-card.latest{border-color:#5d2ed966;box-shadow:0 0 0 1px #5d2ed92e}.message-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:#fafbfd;border-bottom:1px solid #edf2f8}.message-head-left{display:flex;gap:10px;align-items:baseline}.message-head-left strong{font-size:.95rem;font-weight:600}.topic{color:#6f83a4;font-size:.78rem}.message-meta{display:flex;align-items:center;gap:9px;color:#566a8b;font-size:.78rem}.message-body{padding:10px 12px 12px}.live-metric-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px;margin-bottom:10px}.live-metric-chip{display:flex;justify-content:space-between;align-items:center;gap:8px;border:1px solid #e5ebf5;border-radius:8px;padding:6px 8px;background:#f9fbff}.live-metric-chip span{color:#5e7192;font-size:.76rem;font-weight:500}.live-metric-chip strong{color:#102038;font-size:.82rem;font-weight:600}.split{display:grid;grid-template-columns:1fr 1fr;gap:11px}.json-block h4{margin:0 0 6px;color:#5b6f8f;font-size:.74rem;text-transform:uppercase;letter-spacing:.03em}.json-block pre{margin:0;padding:10px;border-radius:var(--radius-sm);border:1px solid #d1daea;background:#f8fafc;color:#172033;max-height:240px;overflow:auto;font-size:.8rem}.file-list{max-height:350px;overflow:auto;border-right:1px solid #e3e9f4;padding-right:11px;display:flex;flex-direction:column;gap:8px}.file-list button{border:1px solid #dce4ef;background:#fff;border-radius:8px;padding:9px;text-align:left;display:flex;flex-direction:column;gap:4px;cursor:pointer}.file-list button:hover,.file-list button.active{border-color:#5d2ed959;background:#5d2ed912}.clickable-row{cursor:pointer}.clickable-row:hover{background:#f8faff}.file-list small{color:#7488a9;font-size:.74rem}.empty-state{padding:18px 10px;color:#6e819f;text-align:center;font-size:.92rem}.error{color:#c92424;margin:8px 0}.error-banner{border-radius:var(--radius-sm);border:1px solid #f4c3c3;background:#fff2f2;color:#c92424;padding:9px 12px;margin-bottom:12px;font-size:.9rem}.furnace-page{padding-bottom:40px}.furnace-page-header{display:flex;align-items:center;gap:16px;padding:18px 0 14px;border-bottom:1px solid var(--card-border);margin-bottom:16px;flex-wrap:wrap}.back-btn{background:none;border:1px solid var(--card-border);border-radius:8px;padding:8px 14px;font-size:.88rem;font-weight:600;color:var(--text-soft);cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s}.back-btn:hover{border-color:var(--brand-indigo);color:var(--brand-indigo)}.furnace-title-group{display:flex;align-items:center;gap:12px;flex:1}.furnace-page-icon{width:48px;height:48px;border-radius:14px;background:#f59e0b29;color:#d97706;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.furnace-page-name{margin:0;font-size:1.5rem;font-weight:700;line-height:1.2}.furnace-page-subtitle{margin:4px 0 0;color:var(--text-soft);font-size:.85rem}.furnace-loading{display:flex;align-items:center;gap:12px;padding:32px 0;color:var(--text-soft);font-size:.95rem}.furnace-loading-spinner{width:20px;height:20px;border:2px solid #e0e7f0;border-top-color:var(--brand-indigo);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.furnace-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.furnace-metric-card{display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:#fafcff;border:1px solid #e4eaf5;border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}.furnace-metric-card:hover{border-color:#c5d4ee;box-shadow:0 2px 6px #1e40af0f}.furnace-metric-label{font-size:.75rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-weight:500}.furnace-metric-value{font-size:1.15rem;font-weight:700;color:var(--text)}.open-furnace-btn{margin-top:10px;width:100%;background:transparent;color:var(--brand-indigo);border-color:#5d2ed94d;font-size:.8rem;text-align:center}.open-furnace-btn:hover{background:#5d2ed90f;border-color:var(--brand-indigo);filter:none}.nowrap{white-space:nowrap}.truncate-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mono-small{font-family:Consolas,Courier New,monospace;font-size:.76rem}.file-name{font-weight:600;font-size:.88rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1200px){.navbar-title,.panel-header-left h2{font-size:1rem}.debug-grid,.debug-grid-primary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 920px){.navbar{height:auto;padding:12px 14px;flex-wrap:wrap;gap:10px}.navbar-title{font-size:1rem}.navbar-logo{width:124px}.navbar-status{width:100%;justify-content:flex-end;gap:12px}.app{width:min(1200px,95vw);margin-top:12px}.dashboard-grid,.status-grid,.split{grid-template-columns:1fr}.debug-grid,.debug-grid-primary{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-header-left h2{font-size:.98rem}.device-details-meta{grid-template-columns:1fr}.file-list{border-right:0;border-bottom:1px solid #e3e9f4;padding-right:0;padding-bottom:8px}}@media (max-width: 580px){.navbar-subtitle{display:none}.navbar-indicator span:last-child{display:none}.debug-grid,.debug-grid-primary,.device-grid,.metric-list{grid-template-columns:1fr}}