:root{--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-primary-alpha: rgba(99, 102, 241, .2);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--font-family: "Segoe UI", system-ui, -apple-system, sans-serif;--font-size-sm: .875rem;--font-size-xs: .75rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-normal: .25s ease}.light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-card: #ffffff;--bg-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-color-hover: #cbd5e1}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-hover: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--border-color: #334155;--border-color-hover: #475569}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}.app{min-height:100vh;padding:var(--spacing-xl);max-width:1200px;margin:0 auto}.app-header[data-v-e507028c]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0;border-bottom:1px solid var(--border-color)}.logo[data-v-e507028c]{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon[data-v-e507028c]{font-size:1.5rem}.logo h1[data-v-e507028c]{font-size:var(--font-size-xl);font-weight:600}.version[data-v-e507028c]{font-size:var(--font-size-sm);color:var(--text-muted);background:var(--bg-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.actions[data-v-e507028c]{display:flex;align-items:center;gap:var(--spacing-md)}.active-dns[data-v-e507028c]{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.active-label[data-v-e507028c]{color:var(--text-muted)}.active-name[data-v-e507028c]{color:var(--color-success);font-weight:500}.theme-toggle[data-v-e507028c]{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:1.25rem;transition:all var(--transition-fast)}.theme-toggle[data-v-e507028c]:hover{background:var(--bg-hover);border-color:var(--border-color-hover)}.search-bar[data-v-2ba35236]{position:relative;display:flex;align-items:center}.search-icon[data-v-2ba35236]{position:absolute;left:var(--spacing-md);color:var(--text-muted);pointer-events:none}.search-input[data-v-2ba35236]{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 2.75rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--font-size-base);transition:all var(--transition-fast)}.search-input[data-v-2ba35236]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.search-input[data-v-2ba35236]::placeholder{color:var(--text-muted)}.clear-btn[data-v-2ba35236]{position:absolute;right:var(--spacing-md);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--spacing-xs);font-size:var(--font-size-sm)}.clear-btn[data-v-2ba35236]:hover{color:var(--text-primary)}.tag-filter[data-v-4ebf3822]{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.tag-chips[data-v-4ebf3822]{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.tag-chip[data-v-4ebf3822]{padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-full, 9999px);color:var(--text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.tag-chip[data-v-4ebf3822]:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag-chip.active[data-v-4ebf3822]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.clear-all[data-v-4ebf3822]{background:none;border:none;color:var(--text-muted);font-size:var(--font-size-sm);cursor:pointer;text-decoration:underline}.clear-all[data-v-4ebf3822]:hover{color:var(--color-error)}.provider-card[data-v-d1d8b791]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);cursor:pointer;transition:all var(--transition-fast);position:relative}.provider-card[data-v-d1d8b791]:hover{border-color:var(--border-color-hover);box-shadow:var(--shadow-md)}.provider-card.active[data-v-d1d8b791]{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.card-header[data-v-d1d8b791]{display:flex;justify-content:space-between;align-items:flex-start}.provider-info[data-v-d1d8b791]{flex:1}.provider-name[data-v-d1d8b791]{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.ip-addresses[data-v-d1d8b791]{display:flex;gap:var(--spacing-sm)}.ip[data-v-d1d8b791]{font-family:Consolas,Monaco,monospace;font-size:var(--font-size-sm);color:var(--text-secondary)}.ip.primary[data-v-d1d8b791]:before{content:"P: ";color:var(--text-muted)}.ip.secondary[data-v-d1d8b791]:before{content:"S: ";color:var(--text-muted)}.favorite-btn[data-v-d1d8b791]{background:none;border:none;font-size:1.25rem;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.favorite-btn[data-v-d1d8b791]:hover,.favorite-btn.favorited[data-v-d1d8b791]{color:var(--color-warning)}.card-tags[data-v-d1d8b791]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.tag[data-v-d1d8b791]{font-size:var(--font-size-xs, .75rem);padding:2px var(--spacing-sm);background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary)}.latency[data-v-d1d8b791]{position:absolute;top:var(--spacing-md);right:3rem;font-size:var(--font-size-sm);font-weight:500}.latency.fast[data-v-d1d8b791]{color:var(--color-success)}.latency.medium[data-v-d1d8b791]{color:var(--color-warning)}.latency.slow[data-v-d1d8b791]{color:var(--color-error)}.provider-list[data-v-e8a46816]{display:flex;flex-direction:column;gap:var(--spacing-md)}.list-header[data-v-e8a46816]{display:flex;justify-content:space-between;align-items:center}.list-header h2[data-v-e8a46816]{font-size:var(--font-size-lg);font-weight:600}.count[data-v-e8a46816]{font-size:var(--font-size-sm);color:var(--text-muted)}.list-content[data-v-e8a46816]{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:60vh;overflow-y:auto;padding-right:var(--spacing-sm)}.list-content[data-v-e8a46816]::-webkit-scrollbar{width:6px}.list-content[data-v-e8a46816]::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.list-content[data-v-e8a46816]::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.list-content[data-v-e8a46816]::-webkit-scrollbar-thumb:hover{background:var(--border-color-hover)}.empty-state[data-v-e8a46816]{text-align:center;padding:var(--spacing-xl);color:var(--text-muted)}.network-dashboard[data-v-c9977010]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}h3[data-v-c9977010]{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-md)}.stats[data-v-c9977010]{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat[data-v-c9977010]{display:flex;justify-content:space-between;align-items:center}.stat-label[data-v-c9977010]{font-size:var(--font-size-sm);color:var(--text-muted)}.stat-value[data-v-c9977010]{font-size:var(--font-size-sm);font-weight:500}.stat-value.active[data-v-c9977010],.stat-value.excellent[data-v-c9977010]{color:var(--color-success)}.stat-value.good[data-v-c9977010]{color:var(--color-warning)}.stat-value.fair[data-v-c9977010]{color:var(--color-error)}.stat-value.disconnected[data-v-c9977010]{color:var(--text-muted)}.chart-container[data-v-c9977010]{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm)}canvas[data-v-c9977010]{width:100%;height:auto}.smart-connect[data-v-2c8f462e]{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md)}h3[data-v-2c8f462e]{font-size:var(--font-size-base);font-weight:600;margin-bottom:var(--spacing-xs)}.description[data-v-2c8f462e]{font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-md)}.benchmark-btn[data-v-2c8f462e],.apply-btn[data-v-2c8f462e],.retry-btn[data-v-2c8f462e]{width:100%;padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.benchmark-btn[data-v-2c8f462e]{background:var(--color-primary);border:none;color:#fff}.benchmark-btn[data-v-2c8f462e]:hover{background:var(--color-primary-hover)}.progress-bar[data-v-2c8f462e]{height:8px;background:var(--bg-secondary);border-radius:4px;overflow:hidden;margin-bottom:var(--spacing-sm)}.progress[data-v-2c8f462e]{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.progress-text[data-v-2c8f462e]{font-size:var(--font-size-sm);color:var(--text-secondary);text-align:center}.result-card[data-v-2c8f462e]{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);text-align:center;margin-bottom:var(--spacing-md)}.result-label[data-v-2c8f462e]{display:block;font-size:var(--font-size-sm);color:var(--text-muted);margin-bottom:var(--spacing-xs)}.result-name[data-v-2c8f462e]{display:block;font-size:var(--font-size-lg);font-weight:600;color:var(--color-success);margin-bottom:var(--spacing-xs)}.result-latency[data-v-2c8f462e]{display:block;font-size:var(--font-size-sm);color:var(--text-secondary)}.apply-btn[data-v-2c8f462e]{background:var(--color-success);border:none;color:#fff;margin-bottom:var(--spacing-sm)}.apply-btn[data-v-2c8f462e]:hover{opacity:.9}.retry-btn[data-v-2c8f462e]{background:none;border:1px solid var(--border-color);color:var(--text-secondary)}.retry-btn[data-v-2c8f462e]:hover{border-color:var(--border-color-hover);background:var(--bg-secondary)}.toast-container[data-v-e445f6c3]{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm);z-index:1000}.toast[data-v-e445f6c3]{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);cursor:pointer;min-width:250px}.toast.success[data-v-e445f6c3]{border-left:4px solid var(--color-success)}.toast.error[data-v-e445f6c3]{border-left:4px solid var(--color-error)}.toast.info[data-v-e445f6c3]{border-left:4px solid var(--color-primary)}.toast-icon[data-v-e445f6c3]{font-weight:700}.toast.success .toast-icon[data-v-e445f6c3]{color:var(--color-success)}.toast.error .toast-icon[data-v-e445f6c3]{color:var(--color-error)}.toast.info .toast-icon[data-v-e445f6c3]{color:var(--color-primary)}.toast-message[data-v-e445f6c3]{font-size:var(--font-size-sm)}.toast-enter-active[data-v-e445f6c3],.toast-leave-active[data-v-e445f6c3]{transition:all .3s ease}.toast-enter-from[data-v-e445f6c3],.toast-leave-to[data-v-e445f6c3]{opacity:0;transform:translate(100%)}.main-content{display:grid;grid-template-columns:1fr 350px;gap:var(--spacing-xl);margin-top:var(--spacing-xl)}.left-panel,.right-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}@media (max-width: 900px){.main-content{grid-template-columns:1fr}}