@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#111827b3;--bg-glass:#1e293b80;--border-glass:#64748b33;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-cyan:#06b6d4;--accent-teal:#14b8a6;--accent-purple:#a855f7;--accent-pink:#ec4899;--accent-amber:#f59e0b;--accent-red:#ef4444;--accent-green:#22c55e;--accent-blue:#3b82f6;--gradient-crs:linear-gradient(135deg, #06b6d4, #a855f7, #ec4899);--gradient-dmr:linear-gradient(135deg, #14b8a6, #3b82f6, #a855f7);--gradient-mesh:radial-gradient(ellipse at 20% 50%, #06b6d414 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, #a855f70f 0%, transparent 50%), radial-gradient(ellipse at 50% 80%, #ec48990d 0%, transparent 50%);--shadow-glow-cyan:0 0 20px #06b6d426;--shadow-glow-purple:0 0 20px #a855f726;--radius:12px;--radius-lg:16px;--transition:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow-x:hidden}body{background:var(--bg-primary);background-image:var(--gradient-mesh);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,sans-serif;line-height:1.5}#app{min-height:100vh}.glass-card{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);transition:var(--transition)}.glass-card:hover{box-shadow:var(--shadow-glow-cyan);border-color:#64748b59}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@keyframes pulse-glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.animate-in{animation:.4s ease-out slide-in}.ribbon.svelte-gn0goa{background:var(--bg-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);align-items:center;gap:0;padding:12px 24px;display:flex;overflow-x:auto}.status-dot.svelte-gn0goa{background:var(--accent-red);width:10px;height:10px;transition:var(--transition);border-radius:50%;flex-shrink:0;margin-right:16px;box-shadow:0 0 8px #ef444480}.status-dot.online.svelte-gn0goa{background:var(--accent-green);animation:2s infinite pulse-glow;box-shadow:0 0 8px #22c55e80}.stat.svelte-gn0goa{flex-direction:column;align-items:center;min-width:80px;padding:0 20px;display:flex}.stat-value.svelte-gn0goa{color:var(--text-primary);font-size:1.4rem;font-weight:600;line-height:1.2}.stat-value.svelte-gn0goa sub:where(.svelte-gn0goa){color:var(--text-muted);font-size:.65em;font-weight:400}.stat-label.svelte-gn0goa{color:var(--text-muted);letter-spacing:.08em;margin-top:2px;font-size:.65rem;font-weight:500}.mono.svelte-gn0goa{font-family:JetBrains Mono,monospace;font-size:.85rem}.firmware.svelte-gn0goa{min-width:160px}.divider.svelte-gn0goa{background:var(--border-glass);flex-shrink:0;width:1px;height:32px}.device-card.svelte-1u2saz3{padding:20px}.card-header.svelte-1u2saz3{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.device-info.svelte-1u2saz3{align-items:center;gap:12px;display:flex}.device-icon.svelte-1u2saz3{background:#06b6d41a;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:flex}.device-icon.ring.svelte-1u2saz3{background:#a855f71a}.device-name.svelte-1u2saz3{font-size:1rem;font-weight:600}.device-mac.svelte-1u2saz3{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.7rem}.type-badge.svelte-1u2saz3{color:var(--accent-cyan);letter-spacing:.05em;background:#06b6d426;border-radius:6px;padding:3px 8px;font-size:.6rem;font-weight:600}.type-badge.ring.svelte-1u2saz3{color:var(--accent-purple);background:#a855f726}.metrics.svelte-1u2saz3{justify-content:space-around;gap:16px;display:flex}.metric.svelte-1u2saz3{flex-direction:column;align-items:center;min-width:80px;display:flex;position:relative}.gauge.svelte-1u2saz3{width:72px;height:72px}.metric-content.svelte-1u2saz3{flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-65%)}.metric-value.svelte-1u2saz3{font-size:1.3rem;font-weight:700;line-height:1}.metric-value.svelte-1u2saz3 sub:where(.svelte-1u2saz3){font-size:.6em;font-weight:400}.metric-unit.svelte-1u2saz3{color:var(--text-muted);font-size:.55rem;font-weight:500}.metric-label.svelte-1u2saz3{color:var(--text-muted);letter-spacing:.08em;margin-top:4px;font-size:.55rem}.motion-bar.svelte-1u2saz3{border-top:1px solid var(--border-glass);align-items:center;gap:8px;margin-top:16px;padding-top:12px;display:flex}.motion-label.svelte-1u2saz3{color:var(--text-muted);letter-spacing:.08em;min-width:48px;font-size:.6rem}.motion-track.svelte-1u2saz3{background:#64748b26;border-radius:2px;flex:1;height:4px;overflow:hidden}.motion-fill.svelte-1u2saz3{background:linear-gradient(90deg, var(--accent-teal), var(--accent-cyan));border-radius:2px;height:100%;transition:width 1s}.motion-value.svelte-1u2saz3{color:var(--text-secondary);text-align:right;min-width:32px;font-family:JetBrains Mono,monospace;font-size:.7rem}.waveform-container.svelte-xz9al0{padding:20px;overflow:hidden}.waveform-header.svelte-xz9al0{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.waveform-title.svelte-xz9al0{letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.waveform-subtitle.svelte-xz9al0{color:var(--text-muted);margin-top:2px;font-size:.65rem}.waveform-legend.svelte-xz9al0{align-items:center;gap:6px;display:flex}.legend-dot.svelte-xz9al0{border-radius:50%;width:8px;height:8px}.legend-label.svelte-xz9al0{color:var(--text-muted);margin-right:8px;font-size:.6rem}.canvas-wrapper.svelte-xz9al0{background:#0003;border-radius:8px;width:100%;height:220px;position:relative;overflow:hidden}canvas.svelte-xz9al0{width:100%;height:100%;display:block}.chart-card.svelte-1toyzbs{padding:14px}.chart-header.svelte-1toyzbs{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.chart-title.svelte-1toyzbs{letter-spacing:.1em;color:var(--text-secondary);text-transform:uppercase;font-size:.65rem;font-weight:600}.chart-latest.svelte-1toyzbs{align-items:baseline;gap:3px;display:flex}.latest-val.svelte-1toyzbs{font-family:JetBrains Mono,monospace;font-size:1.3rem;font-weight:700}.latest-unit.svelte-1toyzbs{color:var(--text-muted);font-size:.65rem}.chart-canvas-wrap.svelte-1toyzbs{background:#00000026;border-radius:6px;width:100%;height:130px;overflow:hidden}canvas.svelte-1toyzbs{width:100%;height:100%;display:block}.log-container.svelte-e0daiz{flex-direction:column;max-height:400px;padding:16px;display:flex}.log-header.svelte-e0daiz{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.log-title.svelte-e0daiz{letter-spacing:.1em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.log-count.svelte-e0daiz{color:var(--text-muted);font-size:.65rem}.log-scroll.svelte-e0daiz{flex-direction:column;flex:1;gap:2px;display:flex;overflow-y:auto}.log-entry.svelte-e0daiz{border-radius:4px;align-items:flex-start;gap:6px;padding:3px 6px;font-family:JetBrains Mono,monospace;font-size:.68rem;line-height:1.4;transition:background .2s;display:flex}.log-entry.svelte-e0daiz:hover{background:#64748b1a}.log-icon.svelte-e0daiz{text-align:center;flex-shrink:0;width:18px;font-size:.7rem}.log-text.svelte-e0daiz{word-break:break-all}.log-empty.svelte-e0daiz{color:var(--text-muted);text-align:center;padding:20px;font-size:.75rem}.modal-overlay.svelte-b687d8{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;animation:.2s ease-out svelte-b687d8-fade-in;display:flex;position:fixed;inset:0}@keyframes svelte-b687d8-fade-in{0%{opacity:0}to{opacity:1}}.modal.svelte-b687d8{width:90%;max-width:520px;max-height:80vh;padding:24px;overflow-y:auto}.modal-header.svelte-b687d8{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.modal-header.svelte-b687d8 h2:where(.svelte-b687d8){font-size:1.1rem;font-weight:600}.close-btn.svelte-b687d8{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.close-btn.svelte-b687d8:hover{color:var(--text-primary)}.modal-desc.svelte-b687d8{color:var(--text-secondary);margin-bottom:20px;font-size:.8rem;line-height:1.5}.device-list.svelte-b687d8{flex-direction:column;gap:8px;display:flex}.device-row.svelte-b687d8{border-radius:var(--radius);border:1px solid var(--border-glass);transition:var(--transition);background:#0003;align-items:center;gap:12px;padding:12px;display:flex}.device-row.svelte-b687d8:hover{border-color:#64748b59}.device-type-icon.svelte-b687d8{flex-shrink:0;font-size:1.6rem}.device-info.svelte-b687d8{flex-direction:column;min-width:120px;display:flex}.device-type-label.svelte-b687d8{color:var(--text-secondary);font-size:.75rem;font-weight:500}.device-mac.svelte-b687d8{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:.6rem}.device-name-area.svelte-b687d8{flex:1;justify-content:flex-end;align-items:center;gap:6px;display:flex}.device-name.svelte-b687d8{color:var(--text-primary);font-size:.85rem;font-weight:500}.device-name.unnamed.svelte-b687d8{color:var(--text-muted);font-style:italic}.name-input.svelte-b687d8{border:1px solid var(--accent-cyan);color:var(--text-primary);background:#0000004d;border-radius:6px;outline:none;flex:1;max-width:180px;padding:6px 10px;font-family:inherit;font-size:.8rem}.name-input.svelte-b687d8:focus{box-shadow:0 0 8px #06b6d44d}.btn-edit.svelte-b687d8{cursor:pointer;opacity:.5;background:0 0;border:none;padding:4px;font-size:.85rem;transition:opacity .2s}.btn-edit.svelte-b687d8:hover{opacity:1}.btn-save.svelte-b687d8{color:var(--accent-green);cursor:pointer;background:#22c55e33;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem}.btn-cancel.svelte-b687d8{color:var(--accent-red);cursor:pointer;background:#ef444433;border:none;border-radius:4px;padding:4px 8px;font-size:.8rem}.empty.svelte-b687d8{text-align:center;padding:30px}.empty-icon.svelte-b687d8{margin-bottom:8px;font-size:2rem;display:block}.empty.svelte-b687d8 p:where(.svelte-b687d8){color:var(--text-secondary);font-size:.85rem}.empty-hint.svelte-b687d8{color:var(--text-muted);font-size:.7rem}.modal-footer.svelte-b687d8{border-top:1px solid var(--border-glass);justify-content:flex-end;margin-top:20px;padding-top:16px;display:flex}.btn.svelte-b687d8{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;padding:8px 20px;font-family:inherit;font-size:.8rem;font-weight:500}.btn-primary.svelte-b687d8{color:var(--accent-cyan);background:#06b6d433;border:1px solid #06b6d44d}.btn-primary.svelte-b687d8:hover{background:#06b6d44d}.dashboard.svelte-1n46o8q{flex-direction:column;gap:16px;max-width:1400px;min-height:100vh;margin:0 auto;padding:20px 24px;display:flex}.header.svelte-1n46o8q{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.brand.svelte-1n46o8q{align-items:center;gap:12px;display:flex}.logo-mark.svelte-1n46o8q{background:var(--gradient-crs);background-size:200% 200%;border-radius:10px;width:40px;height:40px;animation:4s infinite gradient-shift;box-shadow:0 0 20px #06b6d44d}.brand-name.svelte-1n46o8q{letter-spacing:.15em;background:var(--gradient-crs);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.3rem;font-weight:700}.brand-tagline.svelte-1n46o8q{color:var(--text-muted);letter-spacing:.02em;font-size:.6rem;display:block}.controls.svelte-1n46o8q{gap:8px;display:flex}.btn.svelte-1n46o8q{cursor:pointer;transition:var(--transition);border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.75rem;font-weight:500;display:flex}.btn-icon.svelte-1n46o8q{font-size:.85rem}.btn-primary.svelte-1n46o8q{color:var(--accent-cyan);background:#06b6d426;border:1px solid #06b6d44d}.btn-primary.svelte-1n46o8q:hover{box-shadow:var(--shadow-glow-cyan);background:#06b6d440}.btn-secondary.svelte-1n46o8q{color:var(--accent-purple);background:#a855f726;border:1px solid #a855f74d}.btn-secondary.svelte-1n46o8q:hover{box-shadow:var(--shadow-glow-purple);background:#a855f740}.btn-ghost.svelte-1n46o8q{background:var(--bg-glass);color:var(--text-secondary);border:1px solid var(--border-glass)}.btn-ghost.svelte-1n46o8q:hover{background:#64748b33}.btn-danger.svelte-1n46o8q{color:var(--accent-red);background:#ef44441a;border:1px solid #ef444433}.btn-danger.svelte-1n46o8q:hover{background:#ef444433}.error-banner.svelte-1n46o8q{border-radius:var(--radius);color:var(--accent-red);background:#ef44441a;border:1px solid #ef44444d;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.8rem;display:flex}.btn-close.svelte-1n46o8q{color:var(--accent-red);cursor:pointer;background:0 0;border:none;font-size:.9rem}.charts-row.svelte-1n46o8q{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.main-grid.svelte-1n46o8q{flex:1;grid-template-columns:1fr 380px;gap:16px;display:grid}.left-col.svelte-1n46o8q,.right-col.svelte-1n46o8q{flex-direction:column;gap:16px;display:flex}.section-header.svelte-1n46o8q{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.section-header.svelte-1n46o8q h2:where(.svelte-1n46o8q){font-size:.9rem;font-weight:600}.section-actions.svelte-1n46o8q{align-items:center;gap:12px;display:flex}.device-count.svelte-1n46o8q{color:var(--text-muted);font-size:.7rem}.btn-link.svelte-1n46o8q{color:var(--accent-cyan);cursor:pointer;background:0 0;border:none;font-family:inherit;font-size:.7rem;text-decoration:underline}.btn-link.svelte-1n46o8q:hover{color:var(--text-primary)}.devices-grid.svelte-1n46o8q{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.empty-state.svelte-1n46o8q{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:40px;display:flex}.empty-icon.svelte-1n46o8q{font-size:2rem}.empty-state.svelte-1n46o8q p:where(.svelte-1n46o8q){color:var(--text-secondary);font-size:.85rem}.empty-hint.svelte-1n46o8q{color:var(--text-muted);font-size:.7rem}.footer.svelte-1n46o8q{color:var(--text-muted);border-top:1px solid var(--border-glass);justify-content:space-between;margin-top:auto;padding:12px 0;font-size:.65rem;display:flex}@media (width<=1100px){.charts-row.svelte-1n46o8q{grid-template-columns:1fr 1fr}}@media (width<=900px){.main-grid.svelte-1n46o8q,.charts-row.svelte-1n46o8q{grid-template-columns:1fr}.header.svelte-1n46o8q{flex-direction:column;gap:12px}.controls.svelte-1n46o8q{flex-wrap:wrap}}