:root{color-scheme:light;--az-primary: #1e8080;--az-primary-dark: #156060;--az-primary-light: #e8f5f5;--az-secondary: #f4f6f8;--az-text: #2c2c2c;--az-muted: #888;--az-border: #e0e0e0;--az-success: #28a745;--az-danger: #dc3545;--az-warning: #d9a300;--header-height: 54px}*{box-sizing:border-box}body{background:var(--az-secondary);color:var(--az-text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:14px;margin:0}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--az-border)}th{color:var(--az-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}tr.clickable{cursor:pointer}tr.clickable:hover{background:var(--az-primary-light)}.card{background:#fff;border:1px solid var(--az-border);border-radius:6px;padding:1.25rem}.card-wide{width:100%}.card-header{font-weight:700;font-size:1rem;margin-bottom:1rem;color:var(--az-text)}.nav{display:flex;gap:1.25rem;border-bottom:1px solid var(--az-border);margin-bottom:1.5rem}.nav-item{padding:.6rem 0;cursor:pointer;color:var(--az-muted);font-weight:600;border-bottom:2px solid transparent}.nav-item.active{color:var(--az-primary);border-bottom-color:var(--az-primary)}.btn{display:inline-block;padding:.4rem 1rem;border-radius:4px;border:1px solid transparent;font-size:.85rem;font-weight:600;cursor:pointer;background:#fff}.btn-sm{padding:.3rem .7rem;font-size:.78rem}.btn-primary{background-color:var(--az-primary);border-color:var(--az-primary);color:#fff}.btn-primary:hover{background-color:var(--az-primary-dark)}.btn-secondary{background-color:#fff;border-color:var(--az-border);color:var(--az-text)}.btn-secondary:hover{background-color:var(--az-secondary)}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{display:inline-block;padding:.15rem .55rem;border-radius:12px;font-size:.75rem;font-weight:600}.badge-success{background:#e6f4ea;color:var(--az-success)}.badge-danger{background:#fbe9eb;color:var(--az-danger)}.badge-muted{background:var(--az-secondary);color:var(--az-muted)}.badge-warning{background:#fdf3d9;color:var(--az-warning)}.spinner-border{width:1.4rem;height:1.4rem;border:2px solid var(--az-border);border-top-color:var(--az-primary);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.live-tail{background:#10151c;color:#9be29b;font-family:Cascadia Code,Consolas,monospace;font-size:.78rem;padding:.75rem;border-radius:6px;height:260px;overflow-y:auto;white-space:pre-wrap;word-break:break-all}.input{padding:.4rem .7rem;border-radius:4px;border:1px solid var(--az-border);font-size:.85rem;min-width:220px}.mqtt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}@media (max-width: 1100px){.mqtt-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.mqtt-grid{grid-template-columns:1fr}}.mqtt-card .live-tail{height:200px}.mqtt-card.fullscreen{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:1000;display:flex;flex-direction:column}.mqtt-card.fullscreen .live-tail{flex:1;height:auto}.mqtt-overlay-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.log-viewer-fullscreen{position:fixed;top:1rem;right:1rem;bottom:1rem;left:1rem;z-index:1000;overflow:auto}.modal-dialog.wide{width:min(1100px,calc(100vw - 2rem))}.json-viewer{background:#10151c;border-radius:6px;padding:.75rem;max-height:420px;overflow:auto;font-family:Cascadia Code,Consolas,monospace;font-size:.8rem}.json-row{line-height:1.55;white-space:pre-wrap;word-break:break-word}.json-toggle{cursor:pointer;-webkit-user-select:none;user-select:none}.json-toggle:hover{background:#ffffff0d}.json-caret{display:inline-block;width:1rem;color:#6b7785}.json-key{color:#7fb2e5}.json-val{color:#9be29b}.json-muted{color:#6b7785}.diff-table{width:100%;border-collapse:collapse;font-size:.82rem;font-family:Cascadia Code,Consolas,monospace}.diff-table th,.diff-table td{padding:.4rem .6rem;border-bottom:1px solid var(--az-border);text-align:left;vertical-align:top}.diff-table td.diff-left,.diff-table td.diff-right{background:var(--az-secondary)}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;width:min(720px,calc(100vw - 2rem));max-height:calc(100vh - 4rem);overflow-y:auto}.device-debug-panel{border:1px solid var(--az-border);border-radius:6px;background:#fff;padding:.75rem}.debug-kv-grid{display:grid;grid-template-columns:repeat(3,minmax(170px,1fr));gap:.7rem 1rem}.debug-label{color:var(--az-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.debug-value{font-family:Cascadia Code,Consolas,monospace;font-size:.82rem;word-break:break-word}@media (max-width: 980px){.debug-kv-grid{grid-template-columns:repeat(2,minmax(170px,1fr))}}@media (max-width: 640px){.debug-kv-grid{grid-template-columns:1fr}}