.ml-2[data-v-f35c9834]{margin-left:var(--spacing-2)}.plan-banner[data-v-3c14c289]{justify-content:space-between;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);border-radius:var(--radius-lg);transition:all .2s;display:flex}.plan-banner-left[data-v-3c14c289]{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.plan-banner-dot[data-v-3c14c289]{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px}.plan-banner-text[data-v-3c14c289]{flex:1}.plan-banner-title[data-v-3c14c289]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1)}.plan-banner-desc[data-v-3c14c289]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.plan-banner-actions[data-v-3c14c289]{gap:var(--spacing-2);flex-shrink:0;display:flex}.plan-banner-warning[data-v-3c14c289]{background:linear-gradient(135deg,#fb923c1a,#fb923c0d);border:1px solid #fb923c4d}.plan-banner-warning .plan-banner-dot[data-v-3c14c289]{background:var(--color-warning-500);box-shadow:0 0 8px #fb923c66}.plan-banner-warning .plan-banner-title[data-v-3c14c289]{color:var(--color-warning-500)}.plan-banner-expired[data-v-3c14c289]{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid #ef44444d}.plan-banner-expired .plan-banner-dot[data-v-3c14c289]{background:var(--color-error-500);box-shadow:0 0 8px #ef444466}.plan-banner-expired .plan-banner-title[data-v-3c14c289]{color:var(--color-error-500)}@media(max-width:1024px){.plan-banner[data-v-3c14c289]{gap:var(--spacing-3);padding:var(--spacing-3)}.plan-banner-actions[data-v-3c14c289]{gap:var(--spacing-2);flex-wrap:wrap}.plan-banner-actions .btn-glass[data-v-3c14c289]{flex:auto;min-width:120px}}@media(max-width:640px){.plan-banner[data-v-3c14c289]{align-items:flex-start;gap:var(--spacing-2);padding:var(--spacing-3);flex-direction:column}.plan-banner-left[data-v-3c14c289]{width:100%;margin-bottom:var(--spacing-2)}.plan-banner-actions[data-v-3c14c289]{justify-content:flex-start;gap:var(--spacing-2);flex-wrap:wrap;width:100%}.plan-banner-actions .btn-glass[data-v-3c14c289]{text-align:center;flex:auto;min-width:120px}}@media(max-width:480px){.plan-banner[data-v-3c14c289]{padding:var(--spacing-2)}.plan-banner-title[data-v-3c14c289],.plan-banner-desc[data-v-3c14c289]{font-size:var(--font-size-xs)}.plan-banner-actions .btn-glass[data-v-3c14c289]{min-width:100px;font-size:var(--font-size-xs)}}.plan-overview-wrapper[data-v-6756dd6f]{gap:var(--spacing-4);flex-direction:column;display:flex}.plan-overview-card[data-v-6756dd6f]{gap:var(--spacing-6);flex-direction:column;display:flex}.plan-header[data-v-6756dd6f]{justify-content:space-between;align-items:flex-start;gap:var(--spacing-4);display:flex}.plan-title[data-v-6756dd6f]{flex:1}.plan-name[data-v-6756dd6f]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight);margin-bottom:var(--spacing-1)}.plan-subtitle[data-v-6756dd6f]{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.plan-status[data-v-6756dd6f]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex}.status-dot[data-v-6756dd6f]{border-radius:var(--radius-full);width:8px;height:8px}.status-text[data-v-6756dd6f]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.status-active[data-v-6756dd6f]{color:var(--color-success-500);background:#22c55e1a}.status-active .status-dot[data-v-6756dd6f]{background:var(--color-success-500)}.status-warning[data-v-6756dd6f]{color:var(--color-warning-500);background:#fb923c1a}.status-warning .status-dot[data-v-6756dd6f]{background:var(--color-warning-500)}.status-expired[data-v-6756dd6f]{color:var(--color-error-500);background:#ef44441a}.status-expired .status-dot[data-v-6756dd6f]{background:var(--color-error-500)}.plan-body[data-v-6756dd6f]{gap:var(--spacing-6);grid-template-columns:1fr 1fr;display:grid}.plan-metric[data-v-6756dd6f]{gap:var(--spacing-3);flex-direction:column;display:flex}.metric-label[data-v-6756dd6f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.metric-value[data-v-6756dd6f]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.metric-percent[data-v-6756dd6f],.metric-sub[data-v-6756dd6f]{font-size:var(--font-size-sm);color:var(--color-text-tertiary);font-weight:var(--font-weight-normal)}.progress-neon[data-v-6756dd6f]{background:var(--color-surface-800);border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.progress-neon-fill[data-v-6756dd6f]{background:linear-gradient(90deg,var(--color-primary-500),var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .3s}.plan-expire-bar[data-v-6756dd6f]{background:var(--color-surface-800);border-radius:var(--radius-full);height:4px;overflow:hidden}.plan-expire-fill[data-v-6756dd6f]{background:linear-gradient(90deg,var(--color-warning-500),var(--color-error-500));border-radius:var(--radius-full);height:100%;transition:width .3s}.metric-footer[data-v-6756dd6f]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-2);justify-content:space-between;display:flex}.plan-footer[data-v-6756dd6f]{justify-content:space-between;align-items:center;gap:var(--spacing-4);margin-top:var(--spacing-4);display:flex}.plan-meta[data-v-6756dd6f]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.plan-actions[data-v-6756dd6f]{gap:var(--spacing-2);display:flex}@media(max-width:1024px){.plan-body[data-v-6756dd6f]{gap:var(--spacing-4);grid-template-columns:1fr}.plan-footer[data-v-6756dd6f]{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.plan-actions[data-v-6756dd6f]{justify-content:flex-start;gap:var(--spacing-2);flex-wrap:wrap;width:100%}.plan-actions .btn-glass[data-v-6756dd6f]{text-align:center;flex:auto;min-width:120px}}@media(max-width:640px){.plan-overview-wrapper[data-v-6756dd6f]{gap:var(--spacing-3)}.plan-overview-card[data-v-6756dd6f]{gap:var(--spacing-4)}.plan-header[data-v-6756dd6f]{align-items:flex-start;gap:var(--spacing-3);flex-direction:column}.plan-name[data-v-6756dd6f]{font-size:var(--font-size-lg)}.plan-subtitle[data-v-6756dd6f]{font-size:var(--font-size-xs)}.plan-status[data-v-6756dd6f]{padding:var(--spacing-1) var(--spacing-2);align-self:flex-start}.plan-body[data-v-6756dd6f]{gap:var(--spacing-4)}.metric-value[data-v-6756dd6f]{font-size:var(--font-size-xl)}.metric-label[data-v-6756dd6f]{font-size:var(--font-size-xs)}.plan-footer[data-v-6756dd6f]{margin-top:var(--spacing-3)}.plan-actions[data-v-6756dd6f]{gap:var(--spacing-2);flex-direction:column}.plan-actions .btn-glass[data-v-6756dd6f]{width:100%;min-height:var(--mobile-touch-target);justify-content:center}.plan-meta[data-v-6756dd6f]{text-align:center;margin-bottom:var(--spacing-2)}}@media(max-width:480px){.plan-overview-card[data-v-6756dd6f]{padding:var(--spacing-3)}.plan-name[data-v-6756dd6f]{font-size:var(--font-size-base)}.metric-value[data-v-6756dd6f]{font-size:var(--font-size-lg)}.progress-neon[data-v-6756dd6f]{height:4px}.plan-expire-bar[data-v-6756dd6f]{height:3px}}.flex[data-v-30b0cba2]{display:flex}.items-center[data-v-30b0cba2]{align-items:center}.justify-between[data-v-30b0cba2]{justify-content:space-between}.flex-col[data-v-30b0cba2]{flex-direction:column}.gap-2[data-v-30b0cba2]{gap:var(--spacing-2)}.mb-6[data-v-30b0cba2]{margin-bottom:var(--spacing-6)}.mt-3[data-v-30b0cba2]{margin-top:var(--spacing-3)}.mt-2[data-v-30b0cba2]{margin-top:var(--spacing-2)}.text-center[data-v-30b0cba2]{text-align:center}.text-lg[data-v-30b0cba2]{font-size:var(--font-size-lg)}.text-sm[data-v-30b0cba2]{font-size:var(--font-size-sm)}.font-semibold[data-v-30b0cba2]{font-weight:var(--font-weight-semibold)}.text-primary[data-v-30b0cba2]{color:var(--color-text-primary)}.text-secondary[data-v-30b0cba2]{color:var(--color-text-secondary)}.loading-spinner[data-v-30b0cba2]{border-radius:var(--radius-full);border:2px solid #7dd3fc4d;border-top-color:#7dd3fc;width:1.5rem;height:1.5rem;animation:1s linear infinite spin-30b0cba2}@keyframes spin-30b0cba2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.linkcard-container[data-v-ca765d5b]{gap:var(--spacing-4);flex-direction:column;display:flex}.linkcard-row[data-v-ca765d5b]{gap:var(--spacing-3);flex-direction:column;display:flex}.linkcard-area[data-v-ca765d5b]{flex:none}.linkcard-main[data-v-ca765d5b]{gap:var(--spacing-2);flex-direction:column;flex:1;display:flex}.linkcard-node[data-v-ca765d5b]{flex:1}.linkcard-actions[data-v-ca765d5b]{align-items:center;gap:var(--spacing-2);flex:none;display:flex}.linkcard-test[data-v-ca765d5b]{flex:none}.connection-status[data-v-ca765d5b]{align-items:center;gap:var(--spacing-2);display:flex}.status-indicator[data-v-ca765d5b]{border-radius:var(--radius-full);width:12px;height:12px;transition:all .3s;position:relative}.status-indicator.connected[data-v-ca765d5b]{background:var(--color-success-500);animation:2s infinite pulse-success-ca765d5b;box-shadow:0 0 12px #22c55e99}.status-indicator.connecting[data-v-ca765d5b]{background:var(--color-warning-500);animation:1.5s infinite pulse-warning-ca765d5b;box-shadow:0 0 8px #fb923c66}.status-indicator.disconnected[data-v-ca765d5b]{background:var(--color-text-tertiary);border:2px solid var(--color-border-default)}.status-indicator.error[data-v-ca765d5b]{background:var(--color-error-500);animation:1s infinite pulse-error-ca765d5b;box-shadow:0 0 8px #ef444466}.status-text[data-v-ca765d5b]{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.connect-btn[data-v-ca765d5b]{min-height:40px;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);background:var(--color-primary-500);color:var(--color-text-primary-inverse);border:1px solid var(--color-primary-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s;position:relative;overflow:hidden}.connect-btn[data-v-ca765d5b]:hover{background:var(--color-primary-600);border-color:var(--color-primary-600);transform:translateY(-1px)}.connect-btn[data-v-ca765d5b]:active{transform:scale(.95)}.connect-btn[data-v-ca765d5b]:disabled{opacity:.6;cursor:not-allowed;transform:none}.connect-btn[data-v-ca765d5b]:before{content:"";border-radius:var(--radius-full);background:#ffffff4d;width:0;height:0;transition:all .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connect-btn[data-v-ca765d5b]:hover:before{width:100%;height:100%}.connect-btn.connecting[data-v-ca765d5b]{animation:2s infinite connecting-pulse-ca765d5b}.latency-test[data-v-ca765d5b]{min-height:40px;position:relative;overflow:hidden}.latency-test.testing[data-v-ca765d5b]:before{content:"";background:linear-gradient(90deg,#0000,#4f46e54d,#0000);width:100%;height:100%;animation:1.5s ease-out latency-sweep-ca765d5b;position:absolute;top:0;left:-100%}@media(max-width:640px){.linkcard-container[data-v-ca765d5b]{gap:var(--spacing-3)}.linkcard-row[data-v-ca765d5b],.linkcard-main[data-v-ca765d5b]{gap:var(--spacing-3);flex-direction:column}.linkcard-actions[data-v-ca765d5b]{align-items:flex-start;gap:var(--spacing-2);flex-direction:column}.linkcard-test[data-v-ca765d5b]{width:100%}.connect-btn[data-v-ca765d5b]{width:100%;min-height:44px;padding:var(--spacing-3) var(--spacing-4)}.latency-test[data-v-ca765d5b],.form-select-glass[data-v-ca765d5b]{width:100%;min-height:44px}.status-indicator[data-v-ca765d5b]{width:10px;height:10px;box-shadow:none!important;animation:none!important}.status-indicator.connected[data-v-ca765d5b]{background:var(--color-success-500)}.status-indicator.connecting[data-v-ca765d5b]{background:var(--color-warning-500)}.status-indicator.error[data-v-ca765d5b]{background:var(--color-error-500)}.connect-btn[data-v-ca765d5b]:hover{transform:none}.connect-btn[data-v-ca765d5b]:active{transform:scale(.98)}.latency-test.testing[data-v-ca765d5b]:before{animation-duration:1s}}@media(min-width:640px)and (max-width:1024px){.linkcard-row[data-v-ca765d5b]{gap:var(--spacing-3);flex-direction:row}.linkcard-area[data-v-ca765d5b]{flex:0 0 240px}.linkcard-main[data-v-ca765d5b]{gap:var(--spacing-2);flex-direction:row}.linkcard-node[data-v-ca765d5b]{flex:1}.linkcard-actions[data-v-ca765d5b],.linkcard-test[data-v-ca765d5b]{flex:none}.status-indicator[data-v-ca765d5b]{width:11px;height:11px}.connect-btn[data-v-ca765d5b],.latency-test[data-v-ca765d5b],.form-select-glass[data-v-ca765d5b]{min-height:42px}}@media(min-width:1024px){.linkcard-row[data-v-ca765d5b]{gap:var(--spacing-4);flex-direction:row}.linkcard-area[data-v-ca765d5b]{flex:0 0 260px}.linkcard-main[data-v-ca765d5b]{gap:var(--spacing-3);flex-direction:row}.linkcard-node[data-v-ca765d5b]{flex:1}.linkcard-actions[data-v-ca765d5b],.linkcard-test[data-v-ca765d5b]{flex:none}.status-indicator[data-v-ca765d5b]{width:12px;height:12px}.connect-btn[data-v-ca765d5b],.latency-test[data-v-ca765d5b],.form-select-glass[data-v-ca765d5b]{min-height:40px}}@keyframes pulse-success-ca765d5b{0%,to{transform:scale(1);box-shadow:0 0 12px #22c55e99}50%{transform:scale(1.1);box-shadow:0 0 16px #22c55ecc}}@keyframes pulse-warning-ca765d5b{0%,to{transform:scale(1);box-shadow:0 0 8px #fb923c66}50%{transform:scale(1.05);box-shadow:0 0 12px #fb923c99}}@keyframes pulse-error-ca765d5b{0%,to{transform:scale(1);box-shadow:0 0 8px #ef444466}50%{transform:scale(1.05);box-shadow:0 0 12px #ef444499}}@keyframes latency-sweep-ca765d5b{0%{left:-100%}50%{left:100%}to{left:100%}}@keyframes connecting-pulse-ca765d5b{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.flex[data-v-9ec1275e]{display:flex}.justify-between[data-v-9ec1275e]{justify-content:space-between}.items-center[data-v-9ec1275e]{align-items:center}.mb-2[data-v-9ec1275e]{margin-bottom:var(--spacing-2)}.text-xs[data-v-9ec1275e]{font-size:var(--font-size-xs)}.text-tertiary[data-v-9ec1275e]{color:var(--color-text-tertiary)}.text-secondary[data-v-9ec1275e]{color:var(--color-text-secondary)}.security-status-card[data-v-92779c6e]{padding:var(--spacing-3);border-radius:var(--radius-md);background:var(--color-surface-100);border:1px solid var(--color-border-default);cursor:pointer;justify-content:space-between;align-items:center;min-height:60px;transition:all .2s;display:flex}.security-status-card[data-v-92779c6e]:hover{background:var(--color-surface-200);border-color:var(--color-border-hover);transform:translateY(-1px)}.security-status-card[data-v-92779c6e]:active{transform:translateY(0)}.security-info[data-v-92779c6e]{align-items:center;gap:var(--spacing-3);flex:1;display:flex}.security-icon[data-v-92779c6e]{font-size:var(--font-size-lg);flex-shrink:0;line-height:1}.security-details[data-v-92779c6e]{gap:var(--spacing-1);flex-direction:column;flex:1;display:flex}.security-name[data-v-92779c6e]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:var(--line-height-tight)}.security-status[data-v-92779c6e]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight)}.security-status.enabled[data-v-92779c6e]{color:var(--color-success-500)}.security-status.disabled[data-v-92779c6e]{color:var(--color-text-tertiary)}.security-desc[data-v-92779c6e]{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.security-indicator[data-v-92779c6e]{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;transition:all .2s}.security-indicator.active[data-v-92779c6e]{background:var(--color-success-500);box-shadow:0 0 8px #22c55e66}.security-indicator.inactive[data-v-92779c6e]{background:var(--color-surface-500);border:2px solid var(--color-border-default)}@media(max-width:640px){.security-status-card[data-v-92779c6e]{padding:var(--spacing-4);min-height:64px}.security-icon[data-v-92779c6e]{font-size:var(--font-size-xl)}.security-name[data-v-92779c6e]{font-size:var(--font-size-base)}.security-status[data-v-92779c6e],.security-desc[data-v-92779c6e]{font-size:var(--font-size-sm)}}.settings-sidebar{background-color:var(--color-surface-700);border-right:1px solid var(--color-border-default);width:12rem;padding:var(--spacing-4)}.sidebar-nav{gap:var(--spacing-1);flex-direction:column;display:flex}.sidebar-btn{text-align:left;width:100%;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;transition:all .2s}.sidebar-btn:hover{background-color:var(--color-surface-600);color:var(--color-text-primary)}.sidebar-btn.active{background-color:var(--color-primary-500);color:var(--color-text-inverse)}.security-settings[data-v-d0eee95d]{max-width:600px;margin:0 auto}.settings-title[data-v-d0eee95d]{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center}.setting-section[data-v-d0eee95d]{margin-bottom:var(--spacing-8)}.setting-header[data-v-d0eee95d]{margin-bottom:var(--spacing-4)}.setting-title[data-v-d0eee95d]{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-1);display:flex}.setting-icon[data-v-d0eee95d]{font-size:var(--font-size-xl)}.setting-desc[data-v-d0eee95d]{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.setting-controls[data-v-d0eee95d]{gap:var(--spacing-4);flex-direction:column;display:flex}.toggle-group[data-v-d0eee95d]{align-items:center;display:flex}.toggle-label[data-v-d0eee95d]{align-items:center;gap:var(--spacing-3);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);display:flex}.toggle-label input[type=checkbox][data-v-d0eee95d]{display:none}.toggle-slider[data-v-d0eee95d]{background:var(--color-surface-600);border-radius:var(--radius-full);width:48px;height:24px;transition:background-color .2s;position:relative}.toggle-slider[data-v-d0eee95d]:before{content:"";background:var(--color-surface-200);border-radius:var(--radius-full);width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.toggle-label input[type=checkbox]:checked+.toggle-slider[data-v-d0eee95d]{background:var(--color-primary-500)}.toggle-label input[type=checkbox]:checked+.toggle-slider[data-v-d0eee95d]:before{background:var(--color-surface-0);transform:translate(24px)}.option-group[data-v-d0eee95d]{margin-top:var(--spacing-4)}.option-label[data-v-d0eee95d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2);display:block}.radio-group[data-v-d0eee95d]{gap:var(--spacing-3);flex-direction:column;display:flex}.radio-label[data-v-d0eee95d]{gap:var(--spacing-1);cursor:pointer;padding:var(--spacing-3);border-radius:var(--radius-md);flex-direction:column;transition:background-color .2s;display:flex}.radio-label[data-v-d0eee95d]:hover{background:var(--color-surface-700)}.radio-label input[type=radio][data-v-d0eee95d]{margin-right:var(--spacing-2)}.radio-text[data-v-d0eee95d]{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.radio-desc[data-v-d0eee95d]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-left:var(--spacing-6)}.apps-list[data-v-d0eee95d]{gap:var(--spacing-2);flex-direction:column;display:flex}.app-item[data-v-d0eee95d]{align-items:center;gap:var(--spacing-3);padding:var(--spacing-2);background:var(--color-surface-700);border-radius:var(--radius-md);display:flex}.app-icon[data-v-d0eee95d]{font-size:var(--font-size-lg)}.app-name[data-v-d0eee95d]{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.dns-options[data-v-d0eee95d]{margin-top:var(--spacing-4)}.dns-inputs[data-v-d0eee95d]{gap:var(--spacing-4);margin-bottom:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.input-group[data-v-d0eee95d]{gap:var(--spacing-1);flex-direction:column;display:flex}.input-label[data-v-d0eee95d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.dns-presets[data-v-d0eee95d]{margin-top:var(--spacing-4)}.preset-label[data-v-d0eee95d]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-2);display:block}.preset-buttons[data-v-d0eee95d]{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.modal-overlay[data-v-d0eee95d]{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content[data-v-d0eee95d]{background:var(--color-surface-800);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);padding:var(--spacing-6);width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.modal-title[data-v-d0eee95d]{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.app-selector[data-v-d0eee95d]{gap:var(--spacing-2);margin-bottom:var(--spacing-4);grid-template-columns:repeat(2,1fr);display:grid}.app-selector-item[data-v-d0eee95d]{align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background:var(--color-surface-700);border-radius:var(--radius-md);cursor:pointer;transition:background-color .2s;display:flex}.app-selector-item[data-v-d0eee95d]:hover{background:var(--color-surface-600)}@media(max-width:768px){.dns-inputs[data-v-d0eee95d]{gap:var(--spacing-3);grid-template-columns:1fr}.app-selector[data-v-d0eee95d]{grid-template-columns:1fr}.modal-content[data-v-d0eee95d]{padding:var(--spacing-4)}}.settings-section{gap:var(--spacing-6);flex-direction:column;display:flex}.settings-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.settings-form{gap:var(--spacing-4);flex-direction:column;display:flex}.form-group{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);display:block}.checkbox-label{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.port-grid{gap:var(--spacing-4);grid-template-columns:1fr 1fr;display:grid}.port-item{gap:var(--spacing-2);flex-direction:column;display:flex}.port-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:var(--spacing-1);display:block}@media(max-width:768px){.port-grid{gap:var(--spacing-3);grid-template-columns:1fr}}.about-section{gap:var(--spacing-6);flex-direction:column;display:flex}.about-header{text-align:center}.about-logo{width:4rem;height:4rem;margin:0 auto var(--spacing-4) auto;border-radius:var(--radius-lg);background-color:var(--color-primary-500);justify-content:center;align-items:center;display:flex}.about-logo-text{color:var(--color-text-inverse);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.about-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-2)}.about-subtitle{font-size:var(--font-size-sm);color:var(--color-text-tertiary);margin-bottom:var(--spacing-4)}.about-info{gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);flex-direction:column;display:flex}.about-links{border-top:1px solid var(--color-border-default);padding-top:var(--spacing-4)}.about-links-title{gap:var(--spacing-3);flex-direction:column;display:flex}.about-footer{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.fixed{position:fixed}.inset-0{inset:0}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.z-50{z-index:50}.glass-overlay{-webkit-backdrop-filter:blur(8px);background:#0f172a66}:root.light .glass-overlay{background:#fff6}.settings-window{width:45rem;height:27.5rem;display:flex;overflow:hidden}.settings-content{padding:var(--spacing-4);flex:1}.settings-close-btn{top:var(--spacing-3);right:var(--spacing-4);color:var(--color-text-tertiary);font-size:var(--font-size-sm);cursor:pointer;padding:var(--spacing-1);border-radius:var(--radius-sm);background:0 0;border:none;transition:all .2s;position:absolute}.settings-close-btn:hover{color:var(--color-text-secondary);background-color:#ffffff1a}:root.light .settings-close-btn:hover{background-color:#0000001a}.login-container[data-v-38d49a9f]{font-family:var(--font-family-sans);flex:1;justify-content:center;align-items:center;display:flex}.login-modal-glass[data-v-38d49a9f]{width:420px;min-height:360px;padding:var(--spacing-8);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);background:linear-gradient(135deg,#0f172acc,#0f172a99);border:1px solid #94a3b84d;box-shadow:0 8px 32px #0000001f}:root.light .login-modal-glass[data-v-38d49a9f]{background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #d1d5db4d;box-shadow:0 8px 32px #00000014}.login-title[data-v-38d49a9f]{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-6);text-align:center;font-family:var(--font-family-sans)}.login-form[data-v-38d49a9f]{gap:var(--spacing-4);flex-direction:column;display:flex}.password-input-wrapper[data-v-38d49a9f]{position:relative}.password-toggle[data-v-38d49a9f]{right:var(--spacing-2);font-size:var(--font-size-lg);color:var(--color-text-tertiary);padding:var(--spacing-1);border-radius:var(--radius-md);cursor:pointer;background:0 0;border:none;transition:color .2s;position:absolute;top:50%;transform:translateY(-50%)}.password-toggle[data-v-38d49a9f]:hover{color:var(--color-text-secondary)}.checkbox-label[data-v-38d49a9f]{align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;font-family:var(--font-family-sans);display:flex}.checkbox-input[data-v-38d49a9f]{border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background-color:var(--color-surface-800)}.login-error[data-v-38d49a9f]{font-size:var(--font-size-xs);color:var(--color-error);text-align:center;margin-top:var(--spacing-2);font-family:var(--font-family-sans)}.login-links[data-v-38d49a9f]{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-4);justify-content:space-between;display:flex}.login-link[data-v-38d49a9f]{color:var(--color-text-tertiary);font-family:var(--font-family-sans);text-decoration:none;transition:color .2s}.login-link[data-v-38d49a9f]:hover{color:var(--color-primary)}.fade-in-up[data-v-38d49a9f]{animation:.6s ease-out fadeInUp-38d49a9f}@keyframes fadeInUp-38d49a9f{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group[data-v-38d49a9f]{gap:var(--spacing-2);flex-direction:column;display:flex}.form-label[data-v-38d49a9f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);font-family:var(--font-family-sans)}.form-input[data-v-38d49a9f]{padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-sans);background-color:var(--color-surface-card);color:var(--color-text-primary);transition:border-color .2s,box-shadow .2s}.form-input[data-v-38d49a9f]:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.form-input[data-v-38d49a9f]::placeholder{color:var(--color-text-tertiary)}:root.dark .form-input[data-v-38d49a9f]{background-color:var(--color-surface-700);border-color:var(--color-border-default)}:root.light .form-input[data-v-38d49a9f]{background-color:var(--color-surface-card);border-color:var(--color-border-default)}.welcome-section[data-v-38d49a9f]{margin-bottom:var(--spacing-8);font-family:var(--font-family-sans)}.welcome-title[data-v-38d49a9f]{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-2);font-family:var(--font-family-sans)}.welcome-desc[data-v-38d49a9f]{color:var(--color-text-secondary);font-family:var(--font-family-sans)}.banner-test-section[data-v-38d49a9f]{margin-bottom:var(--spacing-6);padding:var(--spacing-4);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(8px);font-family:var(--font-family-sans);background:linear-gradient(135deg,#0f172acc,#0f172a99);border:1px solid #94a3b84d}:root.light .banner-test-section[data-v-38d49a9f]{background:linear-gradient(135deg,#fffc,#fff9);border:1px solid #d1d5db4d}.banner-test-title[data-v-38d49a9f]{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-3);font-family:var(--font-family-sans)}.banner-test-buttons[data-v-38d49a9f]{gap:var(--spacing-2);flex-wrap:wrap;display:flex}.dashboard-shell[data-v-38d49a9f]{font-family:var(--font-family-sans);flex-direction:column;flex:1;display:flex}.dashboard-container[data-v-38d49a9f]{width:100%;max-width:1200px;margin:0 auto}.dashboard-inner[data-v-38d49a9f]{gap:var(--spacing-8);padding:var(--spacing-6);font-family:var(--font-family-sans);flex-direction:column;display:flex}.dashboard-grid[data-v-38d49a9f]{gap:var(--spacing-6);font-family:var(--font-family-sans);align-items:start;display:grid}.dashboard-left[data-v-38d49a9f],.dashboard-right[data-v-38d49a9f]{gap:var(--spacing-4);flex-direction:column;display:flex}@media(max-width:1023px){.dashboard-grid[data-v-38d49a9f]{grid-template-columns:1fr}.dashboard-left[data-v-38d49a9f],.dashboard-right[data-v-38d49a9f]{gap:var(--spacing-6)}}@media(min-width:1024px)and (max-width:1279px){.dashboard-grid[data-v-38d49a9f]{grid-template-columns:1.8fr 1fr}}@media(min-width:1280px){.dashboard-grid[data-v-38d49a9f]{grid-template-columns:2fr 1.2fr}}.dashboard-footer-modern[data-v-38d49a9f]{justify-content:center;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);display:flex}.security-status-card[data-v-38d49a9f]{min-height:200px}.card-title[data-v-38d49a9f]{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin-bottom:var(--spacing-4)}.security-items[data-v-38d49a9f]{gap:var(--spacing-4);flex-direction:column;display:flex}.security-item[data-v-38d49a9f]{padding:var(--spacing-3);background:var(--color-surface-700);border-radius:var(--radius-md);border:1px solid var(--color-border-default);justify-content:space-between;align-items:center;display:flex}.security-info[data-v-38d49a9f]{align-items:center;gap:var(--spacing-3);display:flex}.security-icon[data-v-38d49a9f]{font-size:var(--font-size-xl)}.security-details[data-v-38d49a9f]{gap:var(--spacing-1);flex-direction:column;display:flex}.security-name[data-v-38d49a9f]{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.security-status[data-v-38d49a9f]{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.security-status.enabled[data-v-38d49a9f]{color:var(--color-success-500)}.security-status.disabled[data-v-38d49a9f]{color:var(--color-text-tertiary)}.security-indicator[data-v-38d49a9f]{border-radius:var(--radius-full);width:12px;height:12px;transition:all .2s}.security-indicator.active[data-v-38d49a9f]{background:var(--color-success-500);box-shadow:0 0 8px #22c55e66}.security-indicator.inactive[data-v-38d49a9f]{background:var(--color-surface-500)}@media(max-width:480px){.dashboard-inner[data-v-38d49a9f]{padding:var(--spacing-4)}.welcome-title[data-v-38d49a9f]{font-size:var(--font-size-xl)}.banner-test-section[data-v-38d49a9f]{padding:var(--spacing-3)}.banner-test-buttons .btn-glass[data-v-38d49a9f]{justify-content:center;width:100%}}