body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6fa}.dashboard.svelte-vffden{min-height:100vh;display:flex;flex-direction:column}.dashboard-header.svelte-vffden{background:#fff;border-bottom:1px solid #e1e8ed;padding:1rem 2rem;position:sticky;top:0;z-index:100}.header-content.svelte-vffden{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}.logo-section.svelte-vffden{display:flex;align-items:center;gap:1rem}.logo.svelte-vffden{height:40px;width:auto;object-fit:contain}.version.svelte-vffden{background:#3498db;color:#fff;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.health-indicator.svelte-vffden{display:flex;align-items:center;gap:.5rem}.status-dot.svelte-vffden{width:8px;height:8px;border-radius:50%;background:#95a5a6}.status-dot.healthy.svelte-vffden{background:#27ae60}.status-dot.unhealthy.svelte-vffden{background:#e74c3c}.status-text.svelte-vffden{font-size:.85rem;color:#7f8c8d}.header-controls.svelte-vffden{display:flex;gap:.5rem}.btn.svelte-vffden{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500;display:flex;align-items:center;gap:.5rem}.btn.svelte-vffden svg:where(.svelte-vffden){width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn.svelte-vffden svg[fill=currentColor]:where(.svelte-vffden){fill:currentColor;stroke:none}.btn-primary.svelte-vffden{background:#3498db;color:#fff}.btn-primary.svelte-vffden:hover{background:#2980b9}.btn-secondary.svelte-vffden{background:#ecf0f1;color:#2c3e50}.btn-secondary.svelte-vffden:hover{background:#d5dbdb}.btn-danger.svelte-vffden{background:#e74c3c;color:#fff}.btn-danger.svelte-vffden:hover{background:#c0392b}.icon-only.svelte-vffden{padding:.5rem;min-width:40px;justify-content:center}.btn-danger.svelte-vffden:disabled{background:#bdc3c7;cursor:not-allowed}.btn-warning.svelte-vffden{background:#f39c12;color:#fff}.btn-warning.svelte-vffden:hover{background:#e67e22}.btn-danger-major.svelte-vffden{background:#c0392b;font-weight:600;border:2px solid #a93226}.btn-danger-major.svelte-vffden:hover{background:#a93226}.dashboard-content.svelte-vffden{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%;position:relative}.dashboard-content.hidden.svelte-vffden{display:none}.grid-stack{min-height:600px;width:100%;max-width:1400px;margin:0 auto}.grid-stack.grid-stack-2{width:100%}.grid-stack-item{position:absolute}.grid-stack-item[gs-w="1"]{width:calc(50% - 5px)!important}.grid-stack-item[gs-x="0"]{left:0!important}.grid-stack-item[gs-x="1"]{left:calc(50% + 5px)!important}.grid-stack>.grid-stack-item{position:absolute;min-height:120px}.grid-stack-item-content{background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.widget-container{height:100%;display:flex;flex-direction:column}.widget-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:.75rem 1rem;display:flex;justify-content:space-between;align-items:center;cursor:move}.widget-title{margin:0;font-size:.875rem;font-weight:600;color:#2c3e50}.widget-controls{display:flex;gap:.5rem}.widget-controls button{background:none;border:none;padding:.25rem;cursor:pointer;border-radius:3px;font-size:.75rem}.widget-controls button:hover{background:#e9ecef}.widget-content{flex:1;padding:1rem;overflow:auto;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.widget-content h4{margin:0 0 .75rem;font-size:.875rem;font-weight:600;color:#495057;text-align:center;padding-bottom:.5rem;border-bottom:1px solid #e9ecef}.widget-content .metric-card{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;padding:1rem;margin-bottom:1rem;text-align:center}.widget-content .metric-value{font-size:1.5rem;font-weight:700;margin-bottom:.25rem;line-height:1.2}.widget-content .metric-label{font-size:.75rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.widget-content .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.5rem;margin-top:1rem}.widget-content .stats-item{text-align:center;padding:.75rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.widget-content .stats-item .value{display:block;font-size:1.1rem;font-weight:600;color:#495057;margin-bottom:.25rem}.widget-content .stats-item .label{display:block;font-size:.7rem;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.widget-content .network-list{list-style:none;padding:0;margin:0}.widget-content .network-item{padding:.75rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s}.widget-content .network-item:hover{background:#f8f9fa}.widget-content .network-item:last-child{border-bottom:none}.widget-content .network-name{font-weight:500;color:#495057;font-size:.875rem}.widget-content .network-details{font-size:.75rem;color:#6c757d;margin-top:.25rem}.widget-content .network-signal{font-weight:600;font-size:.75rem}.widget-content .signal-strong{color:#28a745}.widget-content .signal-medium{color:#ffc107}.widget-content .signal-weak{color:#dc3545}.widget-content table{width:100%;border-collapse:collapse;font-size:.8rem;margin-top:.5rem}.widget-content table th{background:#f8f9fa;border:1px solid #e9ecef;padding:.5rem .25rem;text-align:left;font-weight:600;color:#495057;font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.widget-content table td{border:1px solid #e9ecef;padding:.5rem .25rem;color:#495057;vertical-align:top}.widget-content table tbody tr:nth-child(2n){background:#f8f9fa}.widget-content table tbody tr:hover{background:#e9ecef}.widget-content .chart-container{position:relative;margin:.75rem 0;padding:0;background:#fff;border-radius:6px;overflow:hidden}.widget-content .chart-container h4{margin:0 0 .5rem;padding:.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef;font-size:.8rem;text-align:center}.widget-content canvas{border-radius:0 0 6px 6px}.widget-content .empty-state{text-align:center;padding:2rem 1rem;color:#6c757d}.widget-content .empty-state .icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.widget-content .empty-state .message{font-size:.875rem;margin:0}.widget-content .loading{display:flex;align-items:center;justify-content:center;height:100%;color:#6c757d;font-size:.875rem}.widget-content .metric-packets .metric-value{color:#007bff}.widget-content .metric-data .metric-value{color:#28a745}.widget-content .metric-networks .metric-value{color:#17a2b8}.widget-content .metric-devices .metric-value{color:#ffc107}.widget-content .metric-security .metric-value{color:#dc3545}.loading-container.svelte-vffden,.error-container.svelte-vffden{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;text-align:center}.loading-spinner.svelte-vffden{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:svelte-vffden-spin 1s linear infinite}@keyframes svelte-vffden-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay.svelte-vffden{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content.svelte-vffden{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:80vh;overflow:hidden}.modal-header.svelte-vffden{padding:1rem 1.5rem;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center}.modal-header.svelte-vffden h3:where(.svelte-vffden){margin:0;color:#2c3e50}.close-btn.svelte-vffden{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#7f8c8d}.modal-body.svelte-vffden{padding:1.5rem;overflow-y:auto;max-height:calc(80vh - 120px)}.widget-grid.svelte-vffden{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.widget-card.svelte-vffden{border:1px solid #e9ecef;border-radius:6px;padding:1rem;cursor:pointer;transition:all .2s ease}.widget-card.svelte-vffden:hover{border-color:#3498db;box-shadow:0 2px 8px #3498db33}.widget-card.svelte-vffden h4:where(.svelte-vffden){margin:0 0 .5rem;color:#2c3e50;font-size:1rem}.widget-card.svelte-vffden p:where(.svelte-vffden){margin:0 0 1rem;color:#7f8c8d;font-size:.875rem;line-height:1.4}.widget-meta.svelte-vffden{display:flex;justify-content:space-between;align-items:center}.category.svelte-vffden{background:#f8f9fa;color:#6c757d;padding:.25rem .5rem;border-radius:12px;font-size:.75rem}.settings-section.svelte-vffden{margin-bottom:2rem}.settings-section.svelte-vffden h4:where(.svelte-vffden){margin:0 0 1rem;color:#2c3e50}.system-info.svelte-vffden div:where(.svelte-vffden){margin-bottom:.5rem;font-size:.875rem}.cleanup-modal.svelte-vffden{max-width:700px}.cleanup-section.svelte-vffden{margin-bottom:2rem}.cleanup-section.svelte-vffden h4:where(.svelte-vffden){margin:0 0 1rem;color:#2c3e50;border-bottom:1px solid #ecf0f1;padding-bottom:.5rem}.db-stats.svelte-vffden{background:#f8f9fa;border-radius:6px;padding:1rem;border:1px solid #e9ecef}.stat-item.svelte-vffden{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.stat-item.total.svelte-vffden{border-top:1px solid #dee2e6;padding-top:.5rem;margin-top:.5rem;font-weight:600}.stat-label.svelte-vffden{color:#6c757d}.stat-value.svelte-vffden{color:#2c3e50;font-weight:500}.warning-text.svelte-vffden{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;padding:1rem;margin-bottom:1rem;color:#856404}.cleanup-buttons.svelte-vffden{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cleanup-buttons.svelte-vffden .btn-danger-major:where(.svelte-vffden){grid-column:1 / -1}.cleanup-results.svelte-vffden{background:#d4edda;border:1px solid #c3e6cb;border-radius:6px;padding:1rem}.result-item.svelte-vffden{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.875rem}.result-table.svelte-vffden{color:#155724;font-weight:500}.result-count.svelte-vffden{color:#155724}.cleanup-progress.svelte-vffden{text-align:center;padding:2rem;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.cleanup-progress.svelte-vffden p:where(.svelte-vffden){margin-top:1rem;color:#6c757d;font-style:italic}@media (max-width: 768px){.dashboard-header.svelte-vffden{padding:1rem}.header-content.svelte-vffden{flex-direction:column;gap:1rem}.dashboard-content.svelte-vffden{padding:1rem}.widget-grid.svelte-vffden{grid-template-columns:1fr}.widget-content{padding:.75rem}.widget-content .stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.widget-content .stats-item{padding:.5rem}.widget-content .stats-item .value{font-size:1rem}.widget-content .stats-item .label{font-size:.65rem}.widget-content h4{font-size:.8rem;margin-bottom:.5rem}.widget-content .network-item{padding:.5rem;flex-direction:column;align-items:flex-start;gap:.25rem}.widget-content .network-signal{align-self:flex-end}.widget-content table{font-size:.7rem}.widget-content table th,.widget-content table td{padding:.25rem}}