:root{--bg-main: #f5f7fa;--bg-card: #ffffff;--sidebar-bg: #f9fafb;--border-default: #e2e8f0;--border-soft: #e2e8f0;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--accent: #4f46e5;--accent-hover: #4338ca;--accent-soft: #eef0ff;--success: #16a34a;--warning: #f59e0b;--danger: #dc2626;--color-bg: var(--bg-main);--color-surface: var(--bg-card);--color-border: var(--border-soft);--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-text-muted: var(--text-muted);--color-brand-100: var(--accent-soft);--color-brand-300: #c7ccff;--color-brand-500: var(--accent);--color-success: var(--success);--color-warning: var(--warning);--color-danger: var(--danger);--surface-bg: var(--bg-main);--nav-active-bg: #eef2f7;--nav-active-text: #0f172a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--font-family-base: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600}[data-theme=dark]{--bg-main: #0f1115;--bg-card: #161a22;--sidebar-bg: #111827;--border-default: #1f2937;--border-soft: #243044;--text-primary: #f9fafb;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--accent: #818cf8;--accent-soft: rgba(129, 140, 248, .16);--success: #22c55e;--warning: #fbbf24;--danger: #f87171}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,sans-serif;color:#111;background:#f8fafc}.dark body{background:#0d0d0d;color:#f5f5f5}:root{--type-base: 16px;--type-display: 2.1rem;--type-lead: 1.125rem;--type-body: 1rem;--type-bullet: .9375rem;--type-meta: .75rem;--type-label: .8125rem;--type-helper: .8125rem;--lh-display: 1.2;--lh-lead: 1.55;--lh-body: 1.6;--lh-compact: 1.45;--ls-tight: -.015em;--ls-normal: 0;--ls-wide: .01em}.light{--surface: white;--text: #111}.dark{--surface: #1a1a1a;--text: #f5f5f5}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:0% 50%}to{background-position:200% 50%}}.auth-page{min-height:100vh;background:#f5f7fa;display:flex;align-items:center;justify-content:center;padding:48px 24px}.auth-shell{width:100%;max-width:460px}.auth-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:32px;box-shadow:0 10px 24px #0f172a14}.auth-brand{display:grid;gap:4px;margin-bottom:20px}.auth-brand-name{font-size:1.05rem;font-weight:600;color:#0f172a;letter-spacing:.2px}.auth-brand-caption{font-size:.85rem;color:#64748b}.auth-header{display:grid;gap:6px;margin-bottom:20px}.auth-title{font-size:1.35rem;font-weight:600;color:#0f172a}.auth-subtitle{font-size:.95rem;color:#64748b;line-height:1.45}.auth-form{display:grid;gap:16px}.auth-form--register{gap:20px}.auth-form--register .auth-field--password,.auth-form--register .auth-field--confirm{gap:8px;margin-top:12px}.auth-form--register .auth-field--confirm .auth-rules{margin-top:4px}.auth-field{display:grid;gap:8px}.auth-input-group{position:relative;display:flex;align-items:center}.auth-input-group .auth-input{padding-right:80px}.auth-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:none;background:transparent;color:#2563eb;font-size:.85rem;font-weight:600;cursor:pointer;padding:4px 6px;display:inline-flex;align-items:center;justify-content:center}.auth-toggle:focus{outline:none}.auth-toggle svg{display:block}.auth-label{font-size:.9rem;font-weight:600;color:#334155}.auth-input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #d7dde5;background:#fff;font-size:.95rem;color:#0f172a;transition:border-color .2s ease,box-shadow .2s ease}.auth-input::placeholder{color:#94a3b8}.auth-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.auth-rules{display:grid;gap:8px 16px;grid-template-columns:repeat(2,minmax(0,1fr));font-size:.82rem;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px}.auth-rule{display:flex;align-items:center;gap:8px;line-height:1.4}.auth-rule-icon{width:16px;text-align:center;color:#94a3b8}.auth-rule--met,.auth-rule--met .auth-rule-icon{color:#16a34a}.auth-rule--invalid,.auth-rule--invalid .auth-rule-icon{color:#b91c1c}.auth-form--register .auth-rules{background:#0f172a08;border:none;padding:10px 12px;font-size:.78rem;line-height:1.3;gap:6px 16px;color:#94a3b8;opacity:.85}.auth-form--register .auth-rules--active{opacity:1}.auth-form--register .auth-rules--complete{opacity:.6}.auth-form--register .auth-rule-icon{width:12px;font-size:.7rem}.auth-form--register .auth-rule--met,.auth-form--register .auth-rule--met .auth-rule-icon{color:#4b8f68}.auth-form--register .auth-rule--invalid,.auth-form--register .auth-rule--invalid .auth-rule-icon{color:#c25454}.auth-inline-status{font-size:.85rem;color:#0f172a;display:inline-flex;align-items:center;gap:6px}.auth-inline-status--ok{color:#16a34a}.auth-inline-status--error{color:#b91c1c}.auth-checkbox{display:inline-flex;align-items:center;gap:10px;font-size:.9rem;color:#475569}.auth-checkbox input{width:16px;height:16px;accent-color:#2563eb}.auth-code-input{text-align:center;letter-spacing:6px;font-variant-numeric:tabular-nums}.auth-button{width:100%;padding:12px 16px;border-radius:12px;border:none;background:#2563eb;color:#fff;font-weight:600;font-size:.95rem;cursor:pointer}.auth-form--register .auth-button{margin-top:18px;padding:15px 16px;font-weight:700}.auth-button:disabled{background:#93c5fd;cursor:not-allowed}.auth-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px;font-size:.9rem}.auth-link{color:#2563eb;font-weight:600;text-decoration:none;background:none;border:none;padding:0;cursor:pointer}.auth-link:disabled{cursor:not-allowed;color:#94a3b8}.auth-honeypot{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;opacity:0}.auth-error{padding:10px 12px;border-radius:10px;background:#fff1f2;border:1px solid #fecdd3;color:#b91c1c;font-size:.88rem}.auth-success{padding:10px 12px;border-radius:10px;background:#ecfdf3;border:1px solid #bbf7d0;color:#166534;font-size:.88rem}.auth-notice{padding:10px 12px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;font-size:.88rem}.auth-info{display:grid;gap:12px;justify-items:center;text-align:center;margin-bottom:18px}.auth-info-icon{width:64px;height:64px;display:grid;place-items:center;border-radius:18px;background:#eff6ff}.auth-info-icon svg{width:40px;height:40px}.auth-info-text{color:#475569;font-size:.92rem;line-height:1.5}.auth-timer{margin-top:16px;font-size:.88rem;color:#64748b;display:flex;justify-content:center}@media(max-width:640px){.auth-page{padding:32px 16px}.auth-card{padding:24px}.auth-actions{flex-direction:column;align-items:flex-start}.auth-rules,.auth-form--register .auth-rules{grid-template-columns:1fr}}.app-shell{display:flex;min-height:100vh;background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-family-base)}.app-shell-main{flex:1;display:flex;flex-direction:column;min-width:0}.app-shell-content{padding:var(--space-6);background:var(--color-bg);display:flex;justify-content:center}.app-shell-content>*{width:100%;max-width:calc(var(--space-4) * 82.5)}.app-global-banner{padding:var(--space-4) var(--space-6) 0;background:var(--color-bg);display:flex;justify-content:center}.app-global-banner__inner{width:100%;max-width:calc(var(--space-4) * 82.5)}.app-card{background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-card)}.app-card:focus-within{outline:var(--focus-outline) solid color-mix(in srgb,var(--color-accent) 30%,transparent);outline-offset:var(--focus-outline)}.dashboard-card.is-disabled{opacity:.55;cursor:default}.ui-card{display:flex;flex-direction:column;gap:var(--space-2)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.ui-card__title-block{display:flex;flex-direction:column;gap:calc(var(--space-1) / 2)}.ui-card__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.ui-card__subtitle{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.ui-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.ui-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:flex-start}.ui-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-1);font-size:var(--font-size-md);line-height:1.45}.ui-row__label{display:inline-flex;align-items:center;gap:var(--space-1);flex:0 0 40%;min-width:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.ui-row__value{display:inline-flex;align-items:baseline;gap:var(--space-2);justify-content:flex-end;flex:1;min-width:0;text-align:right;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.ui-row__value>span{display:inline-block;text-align:right;white-space:normal}.ui-row__value--muted{color:var(--color-text-muted)}.ui-row__actions{display:inline-flex;gap:var(--space-1);align-items:center}.ui-row__action{border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);border-radius:var(--radius-md);min-width:var(--space-6);min-height:var(--space-6);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.ui-row__action:disabled{color:var(--color-text-muted);cursor:not-allowed}.ui-row__action svg{width:var(--space-3);height:var(--space-3)}.ui-row__feedback{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.ui-row__feedback--error{color:color-mix(in srgb,var(--color-danger) 55%,var(--color-text-muted))}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2);font-size:inherit;font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.status-indicator__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-border)}.status-indicator--success,.status-indicator--info,.status-indicator--warning,.status-indicator--danger{color:var(--color-text-secondary)}.status-indicator--success .status-indicator__dot,.status-indicator--info .status-indicator__dot,.status-indicator--warning .status-indicator__dot,.status-indicator--danger .status-indicator__dot{background:var(--color-border)}.status-indicator--muted{color:var(--color-text-muted)}.status-indicator--muted .status-indicator__dot{background:var(--color-border)}.public-ip{display:inline-flex;align-items:center;gap:var(--space-2)}.quota-ring{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-2)}.quota-ring__arc{--quota-progress: 0%;--quota-color: var(--color-success);width:calc(var(--space-8) * 3.75);height:calc(var(--space-8) * 3.75);border-radius:50%;padding:var(--space-2);background:transparent;border:var(--border-width) solid var(--color-border)}.quota-ring__arc--good{--quota-color: var(--color-success);border-color:color-mix(in srgb,var(--color-success) 35%,var(--color-border))}.quota-ring__arc--warn{--quota-color: var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}.quota-ring__arc--low{--quota-color: var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 35%,var(--color-border))}.quota-ring__inner{width:100%;height:100%;border-radius:50%;background:var(--color-surface);display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--space-2)}.quota-ring__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.security-trinity{display:inline-flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.security-trinity__item{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-muted)}.security-trinity__item--success{color:var(--color-success)}.security-trinity__item--warning{color:var(--color-warning)}.security-trinity__item--muted{color:var(--color-text-muted)}.security-trinity__icon{font-size:var(--font-size-sm)}.device-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-width:0;width:100%}.device-row__label{display:inline-flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;max-width:100%}.device-row__text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block}.device-row__dot{width:var(--space-2);height:var(--space-2);border-radius:50%;background:var(--color-border)}.device-row__dot.is-active{background:color-mix(in srgb,var(--color-text-secondary) 55%,var(--color-border))}.device-row__dot.is-inactive{background:var(--color-border)}.vpn-server-row.is-selected{background:color-mix(in srgb,var(--color-border) 70%,var(--color-bg));border:var(--border-width) solid var(--color-border)}.vpn-server-row.is-selected td{border-top:var(--border-width) solid var(--color-border);border-bottom:var(--border-width) solid var(--color-border)}.ui-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xxs);font-weight:var(--font-weight-semibold);background:transparent;color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border)}.ui-badge--default,.ui-badge--info,.ui-badge--success,.ui-badge--warning,.ui-badge--danger{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.ui-badge--disabled{background:transparent;color:var(--color-text-muted);border-color:var(--color-border)}.ui-mono{font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:var(--font-size-xs)}.dashboard-page{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-md);width:100%}.dashboard-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-1)}.dashboard-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.45}.dashboard-actions{display:flex;align-items:center;gap:var(--space-3)}.dashboard-actions--bar{justify-content:space-between;flex-wrap:wrap;padding:var(--space-3) var(--space-4);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.dashboard-actions__helper{margin:0;color:var(--color-text-muted);font-size:var(--font-size-xs)}.dashboard-actions__buttons{display:flex;align-items:center;gap:var(--space-3)}.dashboard-radio{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.dashboard-radio input{accent-color:var(--color-text-muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-4) * 17.5),1fr));gap:var(--space-3)}.dashboard-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-container{max-width:calc(var(--space-4) * 82.5);margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3);grid-column:1/-1}.dashboard-container.dashboard-settings{margin-left:0;margin-right:0}.dashboard-grid>.dashboard-card--wide{width:100%;max-width:calc(var(--space-4) * 60)}.dashboard-density .app-card{padding:var(--space-6)}.dashboard-density .ui-card{gap:var(--space-2)}.dashboard-freeze .app-card{padding:var(--space-8);border-radius:var(--radius-md)}.dashboard-freeze .dashboard-list-item{cursor:default}.dashboard-freeze .dashboard-list-item:hover:not(.is-active):not(:disabled){background:transparent}.dashboard-freeze .dashboard-copy,.dashboard-freeze .copy-field__toggle,.dashboard-freeze .copy-field__action,.dashboard-freeze .ui-row__action,.dashboard-freeze .status-bar__action,.dashboard-freeze .status-bar__cta,.dashboard-freeze .status-bar__link.ui-button,.dashboard-freeze .ui-button,.dashboard-freeze button,.dashboard-freeze a{pointer-events:none;cursor:default}.dashboard-freeze .ui-row__actions{display:none}.dashboard-freeze .enforcement-banner{border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary)}.dashboard-freeze .dashboard-error,.dashboard-freeze .dashboard-error-text{color:var(--color-text-muted)}.dashboard-density .quota-ring{margin-bottom:var(--space-1)}.dashboard-density .quota-ring__arc{width:calc(var(--space-8) * 3);height:calc(var(--space-8) * 3)}.dashboard-density .quota-ring__value{font-size:var(--font-size-xs)}.dashboard-density .quota-ring__arc{background:transparent}.dashboard-settings{max-width:calc(var(--space-4) * 60)}.settings-layout-shell{max-width:none}.settings-page{display:flex;flex-direction:column;gap:var(--space-4)}.settings-page__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);align-items:start}.settings-card{justify-content:flex-start;min-height:0}.settings-card .ui-card__body{gap:var(--space-2)}.settings-account-stack{gap:var(--space-1)}.settings-security-control{margin-top:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.settings-password-actions{padding-bottom:var(--space-1)}.settings-inline-form,.settings-preferences-form{padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.settings-confirmation-form,.settings-form-grid{gap:var(--space-3)}.settings-danger{border:var(--border-width) solid color-mix(in srgb,var(--color-warning) 24%,var(--color-border));border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4)}.settings-danger__summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);cursor:pointer;list-style:none;color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.settings-danger__summary::-webkit-details-marker{display:none}.settings-danger__body{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.settings-layout{display:grid;grid-template-columns:minmax(16rem,18rem) minmax(0,1fr);gap:var(--space-3);align-items:start}.settings-layout__nav,.settings-layout__panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.settings-layout__nav{padding:var(--space-4);position:sticky;top:var(--space-4)}.settings-layout__nav-header h2{margin:0;font-size:var(--font-size-lg);color:var(--color-text-primary)}.settings-layout__nav-header p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.settings-layout__nav-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.settings-layout__nav-link{display:flex;flex-direction:column;gap:.2rem;padding:var(--space-3);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text-secondary);border:var(--border-width) solid transparent;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.settings-layout__nav-link:hover{border-color:var(--color-border);color:var(--color-text-primary)}.settings-layout__nav-link.is-active{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-surface));color:var(--color-text-primary)}.settings-layout__nav-label{font-weight:var(--font-weight-semibold)}.settings-layout__nav-copy{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.settings-layout__panel{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.settings-checkbox-list{display:flex;flex-direction:column;gap:var(--space-2)}.settings-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary)}.settings-checkbox input{accent-color:var(--color-primary)}.vpn-summary-grid{align-items:stretch}.overview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}.overview-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}.overview-grid--five{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch}.overview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-card{display:flex;flex-direction:column;justify-content:space-between;min-height:calc(var(--space-8) * 2.6);gap:var(--space-2);height:100%}.summary-card--compact{min-height:calc(var(--space-8) * 2.1)}.summary-card--tall{min-height:calc(var(--space-8) * 4.2)}.summary-card--wide{min-height:calc(var(--space-8) * 3.4)}.dashboard-card-full{grid-column:1/-1}.summary-card .ui-card__title{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.summary-card .ui-card__header{border-bottom:none;padding-bottom:0}.summary-card .ui-card__body{gap:var(--space-1)}.section-card .ui-card__header{border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--space-2)}.summary-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.summary-card__header h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.summary-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1}.summary-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.4}.summary-row__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.summary-row__value{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.summary-row__value--progress{flex:1;display:flex;justify-content:flex-end}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.section-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.section-card{display:flex;flex-direction:column;gap:var(--space-1)}.section-card__header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1);color:var(--color-text-primary)}.section-card__header p{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.section-card__header{padding-bottom:var(--space-2);border-bottom:var(--border-width) solid var(--color-border)}.section-card--subtle .section-card__header h2{color:var(--color-text-secondary)}.section-card__body{display:flex;flex-direction:column;gap:var(--space-2)}.section-card__note{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular)}.section-helper{margin-top:var(--space-1);display:flex;flex-direction:column;gap:var(--space-1);color:var(--color-text-muted)}.section-helper__primary{font-size:var(--font-size-sm);opacity:.7;margin:0;font-weight:var(--font-weight-regular)}.section-helper__secondary{margin:0;font-size:var(--font-size-sm);opacity:.7;line-height:1.35;font-weight:var(--font-weight-regular)}.section-helper__list{margin:0;padding-left:var(--space-4);font-size:var(--font-size-sm);line-height:1.35;opacity:.7;display:grid;gap:var(--space-1)}.section-helper__list li{margin:0}.section-group{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);border:var(--border-width) solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-2)}.section-group h4{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin:0;color:var(--color-text-primary)}.ports-row,.badge-row{display:flex;gap:var(--space-2);flex-wrap:wrap;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.badge-pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);background:transparent;border:var(--border-width) solid var(--color-border);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.quota-line{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.35}.quota-line__value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.progress-bar{height:var(--space-1);background:var(--color-border);border-radius:var(--radius-md);overflow:hidden}.progress-bar__fill{height:100%;background:color-mix(in srgb,var(--color-border) 70%,var(--color-surface))}.copy-field{display:flex;justify-content:space-between;gap:var(--space-3);font-size:var(--font-size-sm);align-items:center;line-height:1.4}.copy-field__label{color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.copy-field__value{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-primary);font-weight:var(--font-weight-medium);flex-wrap:wrap;justify-content:flex-end}.copy-field__value span{word-break:break-word}.copy-field__toggle{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;min-height:var(--space-6);display:inline-flex;align-items:center;justify-content:center}.copy-field__toggle svg{width:var(--space-3);height:var(--space-3)}.copy-field__mono{font-family:JetBrains Mono,Fira Code,SFMono-Regular,monospace;font-size:var(--font-size-xs)}.copy-field__action{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);padding:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:var(--color-surface);cursor:pointer;min-height:var(--space-6);min-width:var(--space-6);display:inline-flex;align-items:center;justify-content:center}.copy-field__action svg{width:var(--space-3);height:var(--space-3)}.copy-field__action:disabled{color:var(--color-text-muted);cursor:not-allowed}.copy-field__action:hover:not(:disabled){background:var(--color-bg)}.copy-field__feedback{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-regular)}.copy-field__feedback--error{color:color-mix(in srgb,var(--color-danger) 55%,var(--color-text-muted))}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:transparent;color:var(--color-text-secondary);border:var(--border-width) solid var(--color-border)}.status-badge--good,.status-badge--warning,.status-badge--neutral{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.dashboard-card{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-card--primary,.dashboard-card--muted{border-color:var(--color-border);background:var(--color-surface)}.dashboard-card--wide{grid-column:1/-1}.dashboard-card--sticky{position:sticky;top:var(--space-4);z-index:20}.enforcement-banner{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);gap:var(--space-2)}.enforcement-banner__spacer{flex:1}.enforcement-banner__code{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.billing-actions__buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:var(--space-4);padding:var(--space-4) max(var(--space-3),4%)}.billing-plan-card{--plan-scale: 1;min-width:0;min-height:calc(var(--space-8) * 6);height:100%;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-card);transform:scale(var(--plan-scale));transform-origin:center top;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.billing-plan-card:hover{transform:translateY(calc(var(--space-1) * -1)) scale(var(--plan-scale));border-color:var(--color-accent);box-shadow:0 14px 32px color-mix(in srgb,var(--color-accent) 20%,transparent)}.billing-plan-card.is-current{border-color:color-mix(in srgb,var(--color-success) 50%,var(--color-border));box-shadow:0 12px 28px color-mix(in srgb,var(--color-success) 16%,transparent)}.billing-plan-card.is-upgrade{border-color:color-mix(in srgb,var(--color-accent) 48%,var(--color-border))}.billing-plan-card.is-passive,.billing-plan-card.is-unavailable{opacity:.68;box-shadow:none}.billing-plan-card.is-passive:hover,.billing-plan-card.is-unavailable:hover{transform:none;border-color:var(--color-border);box-shadow:none}.billing-plan-card--pro{--plan-scale: 1.08;border:2px solid var(--color-accent);box-shadow:0 14px 32px color-mix(in srgb,var(--color-accent) 24%,transparent);z-index:1}.billing-plan-card--team{border-color:color-mix(in srgb,var(--color-border) 75%,var(--color-text-primary))}.billing-plan-card__badges,.billing-plan-card__header,.billing-plan-card__price,.billing-plan-card__cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.billing-plan-card__badges{min-height:calc(var(--space-4) + var(--space-1));justify-content:flex-start}.billing-plan-card__title{margin:var(--space-1) 0 0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.billing-plan-card__price strong{font-size:var(--font-size-xl)}.billing-plan-card__cta{justify-content:stretch}.billing-plan-card__cta .ui-button{width:100%}.billing-plan-card__fields{display:grid;gap:var(--space-2);margin:0}.billing-plan-card__fields div{display:flex;justify-content:space-between;gap:var(--space-2);padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border)}.billing-plan-card__fields dt,.billing-plan-card__fields dd{margin:0;font-size:var(--font-size-sm)}.billing-plan-card__fields dt{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.billing-plan-card__fields dd{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);text-align:right}.billing-plan-card>.dashboard-list-meta{margin-top:auto;overflow-wrap:anywhere}.quota-critical-bar{position:sticky;bottom:var(--space-3);z-index:70;margin:var(--space-3) auto;width:min(100% - var(--space-6),var(--space-4) * 82.5);display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:2px solid var(--color-accent);background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 14px 32px color-mix(in srgb,var(--color-accent) 20%,transparent)}.quota-critical-bar--pulse{animation:quota-opacity-pulse 1.6s ease-in-out infinite}@keyframes quota-opacity-pulse{0%,to{opacity:1}50%{opacity:.72}}.quota-blocker,.ui-modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-bg) 78%,transparent)}.quota-blocker__dialog,.ui-modal{width:min(100%,var(--space-8) * 10);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);box-shadow:0 18px 40px color-mix(in srgb,#000 34%,transparent)}.quota-blocker__dialog h2,.ui-modal h2{margin:0;color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold)}.quota-blocker__dialog p,.ui-modal p{margin:0;color:var(--color-text-secondary);line-height:1.45}.app-toast{position:fixed;top:var(--space-4);right:var(--space-4);z-index:900;display:flex;align-items:center;gap:var(--space-3);max-width:min(100vw - var(--space-8),var(--space-8) * 8);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);box-shadow:var(--shadow-card)}.app-toast--success{border-color:color-mix(in srgb,var(--color-success) 55%,var(--color-border))}.ui-spinner{width:var(--space-3);height:var(--space-3);border-radius:999px;border:2px solid currentColor;border-right-color:transparent;animation:ui-spinner-rotate .8s linear infinite}@keyframes ui-spinner-rotate{to{transform:rotate(360deg)}}.profile-notice{display:flex;flex-direction:column;gap:var(--space-2)}.usage-bar,.usage-bar--warning,.usage-bar--exceeded,.usage-bar--unlimited{--usage-accent: var(--color-border)}.usage-bar--locked{opacity:.75;cursor:default}.usage-bar__content{display:flex;flex-direction:column;gap:var(--space-3)}.usage-bar__progress{width:100%;height:var(--space-2);border-radius:var(--radius-md);overflow:hidden;background:transparent}.usage-bar__progress::-webkit-progress-bar{background:color-mix(in srgb,var(--color-border) 40%,var(--color-surface));border-radius:var(--radius-md)}.usage-bar__progress::-webkit-progress-value{background:color-mix(in srgb,var(--usage-accent) 72%,var(--color-surface));border-radius:var(--radius-md)}.usage-bar__progress::-moz-progress-bar{background:color-mix(in srgb,var(--usage-accent) 72%,var(--color-surface));border-radius:var(--radius-md)}.usage-bar__track{width:100%;height:var(--space-2);border-radius:var(--radius-md);overflow:hidden;background:color-mix(in srgb,var(--color-border) 40%,var(--color-surface))}.usage-bar__fill{width:100%;height:100%;background:color-mix(in srgb,var(--usage-accent) 40%,var(--color-surface))}.usage-bar__fill--empty{width:0}.usage-bar__meta{display:flex;flex-direction:column;gap:var(--space-2)}.status-bar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface)}.status-bar--footer{position:static;width:100%;margin-top:var(--space-4);border-radius:var(--radius-md)}.status-bar--sticky{position:sticky;bottom:var(--space-3);z-index:30}.dashboard-grid--with-footer{padding-bottom:0}.status-bar__content{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.status-bar__item{display:inline-flex;align-items:center;gap:var(--space-2)}.status-bar__label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:none;letter-spacing:0}.status-bar__value{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.status-bar__action{border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer}.status-bar__action:hover:not(:disabled){text-decoration:underline}.status-bar__action:disabled{color:var(--color-text-muted);cursor:not-allowed}.status-bar__cta{border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);background:var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer}.status-bar__cta:disabled{opacity:.6;cursor:not-allowed}.status-bar__link.ui-button{width:auto;height:auto;padding:0;border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.status-bar__link.ui-button:hover{text-decoration:underline;background:transparent}.dashboard-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.vpn-page{--vpn-surface: color-mix(in srgb, var(--color-surface) 90%, #070b12 10%);--vpn-surface-raised: color-mix(in srgb, var(--color-surface-elevated) 88%, #07100d 12%);--vpn-surface-row: rgba(255, 255, 255, .035);--vpn-border: color-mix(in srgb, var(--color-border) 80%, #667085 20%);--vpn-border-strong: color-mix(in srgb, var(--color-success) 34%, var(--color-border));--vpn-copy-muted: color-mix(in srgb, var(--color-text-muted) 84%, white 16%);--vpn-copy-soft: color-mix(in srgb, var(--color-text-secondary) 84%, white 16%);width:100%}.vpn-shell{width:min(100%,1180px);margin:0 auto;display:grid;gap:24px}.vpn-main-panel,.vpn-card,.vpn-panel{background:var(--vpn-surface);border:1px solid var(--vpn-border);border-radius:8px;box-shadow:0 14px 34px #0000002e}.vpn-main-panel{padding:24px;background:var(--vpn-surface-raised)}.vpn-main-panel__copy{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.vpn-main-panel__title{margin:0;color:var(--color-text-primary);font-size:1.35rem;line-height:1.2;font-weight:var(--font-weight-semibold)}.vpn-main-panel__subtitle,.vpn-card__subtitle,.vpn-access-row__helper,.vpn-control-fact__helper,.vpn-location-card__helper,.vpn-mode-card__description,.vpn-device-row__meta,.vpn-sticky-bar__copy span{color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-main-panel__subtitle,.vpn-card__subtitle{margin:4px 0 0}.vpn-hero-strip{margin-top:20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.vpn-control-fact{min-width:0;padding:14px 16px;border-radius:8px;border:1px solid color-mix(in srgb,var(--vpn-border) 72%,transparent);background:var(--vpn-surface-row)}.vpn-control-fact__label,.vpn-access-row__label,.vpn-stat__label,.vpn-location-group__label{color:var(--vpn-copy-muted);font-size:var(--font-size-xs);line-height:1.2;letter-spacing:0;text-transform:none;font-weight:var(--font-weight-semibold)}.vpn-control-fact__value,.vpn-stat__value{margin-top:7px;color:var(--color-text-primary);font-size:1.08rem;line-height:1.25;font-weight:var(--font-weight-semibold);word-break:break-word}.vpn-stat__value{word-break:normal;overflow-wrap:normal}.vpn-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;align-items:start}.vpn-grid--access{align-items:stretch}.vpn-grid__span-7{grid-column:span 7}.vpn-grid__span-6{grid-column:span 6}.vpn-grid__span-5{grid-column:span 5}.vpn-grid__span-12{grid-column:1/-1}.vpn-card{padding:22px;min-width:0}.vpn-card-primary{background:var(--vpn-surface-raised);border-color:var(--vpn-border-strong)}.vpn-compact-card{padding:18px}.vpn-wireguard-panel{border-color:var(--vpn-border-strong);background:var(--vpn-surface-raised)}.vpn-wireguard-panel__body{display:grid;gap:14px}.vpn-wireguard-panel .vpn-stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.vpn-wireguard-form{display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr) auto;align-items:end;gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);border-radius:8px;background:var(--vpn-surface-row)}.vpn-wireguard-form .dashboard-list-meta{margin:0}.vpn-wireguard-action{display:grid;grid-template-columns:minmax(220px,.38fr) minmax(0,1fr);gap:14px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border-strong) 72%,transparent);border-radius:8px;background:color-mix(in srgb,var(--color-success) 8%,var(--vpn-surface-row))}.vpn-wireguard-action__status{min-width:0}.vpn-wireguard-action__status span,.vpn-wireguard-cta__label{display:block;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.vpn-wireguard-action__status strong,.vpn-wireguard-cta strong,.vpn-wireguard-revoked strong{display:block;margin-top:5px;color:var(--color-text-primary);font-size:var(--font-size-lg);line-height:1.25}.vpn-wireguard-action__status p{margin:8px 0 0;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-wireguard-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.vpn-wireguard-flow li{min-width:0;display:grid;gap:8px;align-content:start;padding:10px;border:1px solid color-mix(in srgb,var(--vpn-border) 65%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface-row) 74%,transparent)}.vpn-wireguard-flow li.is-current{border-color:color-mix(in srgb,var(--color-success) 48%,transparent);background:color-mix(in srgb,var(--color-success) 12%,var(--vpn-surface-row))}.vpn-wireguard-flow strong{color:var(--color-text-primary);font-size:var(--font-size-xs);line-height:1.25}.vpn-wireguard-telemetry{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);border-radius:8px;background:var(--vpn-surface-row)}.vpn-wireguard-telemetry__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.vpn-wireguard-telemetry__header span,.vpn-wireguard-telemetry__fact span{display:block;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.vpn-wireguard-telemetry__header strong{display:block;margin-top:4px;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.25}.vpn-wireguard-telemetry__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}.vpn-wireguard-telemetry__fact{min-width:0;display:grid;gap:4px;padding:10px;border:1px solid color-mix(in srgb,var(--vpn-border) 58%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface) 58%,transparent)}.vpn-wireguard-telemetry__fact strong{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.35;overflow-wrap:anywhere}.vpn-wireguard-telemetry__fact small{color:var(--vpn-copy-soft);font-size:var(--font-size-xs);line-height:1.35}.vpn-wireguard-cta,.vpn-wireguard-download-card,.vpn-wireguard-revoked,.vpn-unavailable-card{display:grid;gap:10px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);border-radius:8px;background:var(--vpn-surface-row)}.vpn-wireguard-cta,.vpn-wireguard-download-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}.vpn-wireguard-download-card{border-color:color-mix(in srgb,var(--color-success) 32%,var(--vpn-border));background:color-mix(in srgb,var(--color-success) 7%,var(--vpn-surface-row))}.vpn-wireguard-download-card__copy{min-width:0}.vpn-wireguard-download-card__copy p{margin:6px 0 0;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-wireguard-active-facts{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:10px;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-wireguard-download-card .credential-actions{justify-content:flex-end}.vpn-wireguard-revoked,.vpn-unavailable-card{color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-unavailable-card strong{color:var(--color-text-primary);font-size:var(--font-size-md)}.vpn-card--compact-unavailable{align-self:start}.vpn-wireguard-state{display:grid;gap:8px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);border-radius:8px;background:var(--vpn-surface-row)}.vpn-wireguard-state .dashboard-list-row{display:grid;grid-template-columns:minmax(120px,.45fr) minmax(0,1fr);gap:12px;align-items:center;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--vpn-border) 58%,transparent)}.vpn-wireguard-state .dashboard-list-row:last-of-type{border-bottom:0}.vpn-wireguard-state .credential-actions{padding-top:8px}.vpn-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--vpn-border) 72%,transparent)}.vpn-card__title{margin:0;color:var(--color-text-primary);font-size:1rem;line-height:1.25;font-weight:var(--font-weight-semibold)}.vpn-card__body{padding-top:16px}.vpn-access-card__body,.vpn-access-card__content,.vpn-access-card__summary,.vpn-access-card__secondary,.vpn-location-layout,.vpn-location-rail,.vpn-location-group,.vpn-step-list,.vpn-device-list,.vpn-diagnostics,.vpn-threat{display:grid;gap:12px}.vpn-access-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:72px;padding:13px 14px;border:1px solid color-mix(in srgb,var(--vpn-border) 72%,transparent);border-radius:8px;background:var(--vpn-surface-row)}.vpn-access-row__content{min-width:0}.vpn-access-row__value{margin-top:5px;color:var(--color-text-primary);font-size:1rem;line-height:1.35;font-weight:var(--font-weight-semibold);word-break:break-word}.vpn-access-row__value--monospace{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.vpn-access-row__helper{margin-top:3px}.vpn-access-row__actions,.vpn-access-card__footer,.vpn-threat__toggle,.vpn-location-card__header,.vpn-mode-card__header,.vpn-device-row{display:flex;align-items:center;gap:10px}.vpn-access-row__actions{justify-content:flex-end;flex-wrap:wrap}.vpn-access-row__actions .ui-button{min-width:104px;justify-content:center}.vpn-access-row__actions .ui-button--ghost{min-width:48px}.vpn-access-card__footer{justify-content:space-between;flex-wrap:wrap}.vpn-access-card__meta{display:flex;flex-wrap:wrap;gap:12px;color:var(--vpn-copy-soft);font-size:var(--font-size-sm)}.vpn-access-card__summary{grid-template-columns:1.15fr 1.25fr 1fr;gap:12px}.vpn-access-card__summary-item{min-width:0;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border-strong) 70%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface-raised) 82%,var(--vpn-surface-row))}.vpn-access-card__summary-item span{display:block;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.vpn-access-card__summary-item strong{display:block;min-width:0;margin-top:7px;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.3;font-weight:var(--font-weight-semibold);overflow-wrap:anywhere}.vpn-access-card__summary-item small{display:block;margin-top:5px;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);line-height:1.4}.vpn-access-card__secondary{grid-template-columns:repeat(3,minmax(0,1fr))}.vpn-compat-access{display:grid;gap:12px;padding:14px;border:1px solid color-mix(in srgb,var(--vpn-border-strong) 70%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface-raised) 78%,var(--vpn-surface-row))}.vpn-compat-access__header span,.vpn-compat-access__item span,.vpn-compat-access__facts span{display:block;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.vpn-compat-access__header strong,.vpn-compat-access__item strong{display:block;margin-top:5px;color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.3}.vpn-compat-access__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.vpn-compat-access__item{display:grid;gap:12px;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--vpn-border) 68%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface-row) 76%,transparent)}.vpn-compat-access__item p{margin:6px 0 0;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.vpn-compat-access__facts{display:grid;gap:6px}.vpn-compat-access__facts span{text-transform:none;overflow-wrap:anywhere}.vpn-compat-access .credential-actions{display:flex;flex-wrap:wrap;gap:8px}.vpn-location-active-edge{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px}.vpn-access-card__secondary-item,.vpn-location-active-edge__item{min-width:0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--vpn-border) 65%,transparent);border-radius:8px;background:color-mix(in srgb,var(--vpn-surface-row) 74%,transparent)}.vpn-access-card__secondary-item span,.vpn-location-active-edge__item span{display:block;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase}.vpn-access-card__secondary-item strong,.vpn-location-active-edge__item strong{display:block;min-width:0;margin-top:5px;color:var(--color-text-primary);font-size:var(--font-size-sm);overflow-wrap:anywhere}.vpn-mode-helper{margin:0;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.5}.vpn-step-list{margin:0;padding:0;list-style:none}.vpn-step-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:42px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--vpn-border) 58%,transparent)}.vpn-step-list li:last-child{border-bottom:0}.vpn-step-list li div{display:grid;gap:2px}.vpn-step-list strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.vpn-step-list span:not(.vpn-step-list__index){color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.4}.vpn-step-list__index{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-success) 38%,transparent);background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.vpn-location-grid{display:grid;gap:12px;grid-template-columns:1fr}.vpn-location-card,.vpn-mode-card,.vpn-segment{border:1px solid color-mix(in srgb,var(--vpn-border) 80%,transparent);border-radius:8px;background:var(--vpn-surface-row);color:var(--color-text-primary)}.vpn-location-card,.vpn-mode-card{width:100%;min-width:0;text-align:left;padding:14px;cursor:pointer}.vpn-location-card:hover:not(:disabled),.vpn-mode-card:hover:not(:disabled),.vpn-segment:hover:not(:disabled){border-color:var(--vpn-border-strong)}.vpn-location-card.is-selected,.vpn-mode-card.is-selected,.vpn-segment.is-selected{border-color:var(--vpn-border-strong);background:color-mix(in srgb,var(--color-success) 10%,var(--vpn-surface-row))}.vpn-location-card:disabled,.vpn-mode-card:disabled,.vpn-segment:disabled{opacity:.62;cursor:not-allowed}.vpn-location-card__header,.vpn-mode-card__header,.vpn-device-row{justify-content:space-between}.vpn-location-card__title,.vpn-mode-card__title,.vpn-device-row__title{color:var(--color-text-primary);font-size:var(--font-size-md);line-height:1.3;font-weight:var(--font-weight-semibold)}.vpn-location-card__summary{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;color:var(--vpn-copy-soft);font-size:var(--font-size-sm)}.vpn-location-card__helper,.vpn-mode-card__description{margin-top:6px}.vpn-chip{display:inline-flex;align-items:center;justify-content:center;min-height:24px;padding:0 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--vpn-border) 78%,transparent);background:#ffffff0a;color:var(--vpn-copy-soft);font-size:var(--font-size-xs);line-height:1;font-weight:var(--font-weight-semibold);white-space:nowrap}.vpn-chip--recommended,.vpn-chip--selected{border-color:color-mix(in srgb,var(--color-success) 42%,transparent);background:color-mix(in srgb,var(--color-success) 12%,transparent);color:var(--color-text-primary)}.vpn-mode-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.vpn-mode-card{min-height:96px;height:100%;display:flex;flex-direction:column;justify-content:center}.vpn-mode-card__check{min-width:58px;color:var(--color-text-primary);font-size:var(--font-size-xs);line-height:1;text-align:right;font-weight:var(--font-weight-semibold)}.vpn-stats-grid,.vpn-diagnostics__stats,.vpn-advanced-grid{display:grid;gap:10px}.vpn-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.vpn-stat{min-width:0;padding:12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);background:var(--vpn-surface-row)}.vpn-threat__toggle{display:grid;grid-template-columns:auto minmax(0,1fr) auto;justify-content:space-between;padding:10px 12px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);border-radius:8px;background:var(--vpn-surface-row);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.vpn-threat__toggle input{width:16px;height:16px;accent-color:var(--color-success)}.vpn-threat__levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.vpn-segment{min-width:0;min-height:34px;padding:8px 10px;cursor:pointer}.vpn-device-row{align-items:flex-start;padding:12px;border-radius:8px;border:1px solid color-mix(in srgb,var(--vpn-border) 70%,transparent);background:var(--vpn-surface-row)}.vpn-device-list__footer{display:flex}.vpn-diagnostics__stats,.vpn-advanced-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:12px}.vpn-diagnostics .ui-button{width:fit-content;min-width:180px}.vpn-advanced-toggle{padding:16px 18px;background:color-mix(in srgb,var(--vpn-surface) 82%,transparent)}.vpn-advanced-toggle .vpn-stat{padding:10px}.vpn-advanced-toggle .vpn-stat__value{font-size:var(--font-size-md)}.vpn-advanced-toggle .vpn-card__header{padding-bottom:0;border-bottom:0}.vpn-advanced-toggle .vpn-card__body:empty{display:none}.vpn-sticky-bar{position:sticky;bottom:16px;z-index:20;border:1px solid var(--vpn-border);border-radius:8px;background:#080c15f5;box-shadow:0 16px 34px #00000047;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vpn-sticky-bar__content{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;flex-wrap:wrap}.vpn-sticky-bar__copy{display:grid;gap:2px}.vpn-card__actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.proxy-shell{gap:22px}.proxy-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.proxy-access-layout{align-items:stretch}.proxy-unavailable-panel,.proxy-location-summary{display:grid;gap:12px}.proxy-location-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.proxy-stats-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.proxy-page .product-empty-state{display:grid;gap:4px;padding:14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--vpn-border) 68%,transparent);background:var(--vpn-surface-row)}.proxy-page .product-empty-state strong{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.35}.proxy-page .product-empty-state span{color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.proxy-page .vpn-access-row.is-unavailable{background:color-mix(in srgb,var(--vpn-surface-row) 78%,transparent)}.proxy-readonly-card,.proxy-readonly-card:hover{cursor:default}.proxy-readonly-card:hover{border-color:color-mix(in srgb,var(--vpn-border) 80%,transparent)}.vpn-stat.ui-mono .vpn-stat__value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dns-shell{gap:22px}.dns-main-panel{min-height:0}.dns-overview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.dns-overview-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.dns-access-layout,.dns-support-layout{align-items:stretch}.dns-access-note{margin-top:12px;color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.dns-policy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.dns-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dns-page .product-empty-state{display:grid;gap:4px;padding:14px;border-radius:8px;border:1px solid color-mix(in srgb,var(--vpn-border) 68%,transparent);background:var(--vpn-surface-row)}.dns-page .product-empty-state strong{color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.35}.dns-page .product-empty-state span{color:var(--vpn-copy-soft);font-size:var(--font-size-sm);line-height:1.45}.dns-page .vpn-access-row.is-unavailable{background:color-mix(in srgb,var(--vpn-surface-row) 78%,transparent)}.dns-advanced-toggle{background:color-mix(in srgb,var(--vpn-surface) 82%,transparent)}@media(max-width:980px){.vpn-grid{grid-template-columns:1fr}.vpn-grid__span-7,.vpn-grid__span-6,.vpn-grid__span-5,.vpn-grid__span-12{grid-column:1/-1}.vpn-hero-strip,.vpn-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vpn-wireguard-panel .vpn-stats-grid,.vpn-wireguard-action,.vpn-wireguard-flow,.vpn-wireguard-form{grid-template-columns:1fr}.proxy-overview-grid,.proxy-stats-grid,.dns-overview-grid,.dns-policy-grid,.dns-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.vpn-shell{gap:18px}.vpn-main-panel,.vpn-card{padding:16px}.vpn-main-panel__copy,.vpn-access-row,.vpn-access-card__footer,.vpn-access-card__secondary,.vpn-location-active-edge,.vpn-sticky-bar__content{align-items:flex-start;flex-direction:column}.vpn-hero-strip,.vpn-access-card__summary,.vpn-access-card__secondary,.vpn-compat-access__grid,.vpn-location-active-edge,.vpn-stats-grid,.vpn-mode-grid,.vpn-wireguard-action,.vpn-wireguard-flow,.vpn-wireguard-download-card,.vpn-wireguard-cta,.vpn-threat__levels{grid-template-columns:1fr}.vpn-access-row{display:flex}.proxy-overview-grid,.proxy-location-summary,.proxy-stats-grid,.dns-overview-grid,.dns-policy-grid,.dns-stats-grid{grid-template-columns:1fr}}.dashboard-card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.dashboard-card-body{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-md);line-height:1.45}.dashboard-table{width:100%;border-collapse:collapse;font-size:var(--font-size-md)}.dashboard-table tr+tr{border-top:var(--border-width) solid var(--color-border)}.dashboard-table td{padding:var(--space-1) 0}.dashboard-table .dashboard-value{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.dashboard-copy{border:none;background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);cursor:pointer}.dashboard-copy:hover{color:var(--color-accent)}.dashboard-copy:focus{outline:var(--focus-outline) solid color-mix(in srgb,var(--color-accent) 30%,transparent);outline-offset:var(--focus-outline)}.platform-panel{border:var(--border-width) solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.platform-panel__header{display:flex;align-items:center;justify-content:space-between}.platform-panel__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.platform-panel__body{display:flex;flex-direction:column;gap:var(--space-3)}.manual-selection{min-height:calc(var(--space-8) * 6.25)}.dashboard-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.dashboard-value{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.dashboard-pill{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border:var(--border-width) solid var(--color-border)}.dashboard-pill.is-active{background:transparent;color:var(--color-text-primary);border-color:var(--color-border)}.dashboard-form{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-input{width:100%;min-height:calc(var(--space-1) * 5.5);padding:0 var(--space-4);border-radius:var(--radius-sm);border:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text-primary);font-size:var(--font-size-md)}.dashboard-input::placeholder{color:var(--color-text-secondary);opacity:.7}.dashboard-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 var(--focus-ring) color-mix(in srgb,var(--color-accent) 22%,transparent)}.dashboard-input[aria-invalid=true]{border-color:color-mix(in srgb,var(--color-danger) 60%,var(--color-border))}.dashboard-container .auth-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.dashboard-muted{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.4}.dashboard-error{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-2) 0 0;color:color-mix(in srgb,var(--color-danger) 55%,var(--color-text-muted));font-size:var(--font-size-sm)}.dashboard-error-text{color:color-mix(in srgb,var(--color-danger) 55%,var(--color-text-muted));font-size:var(--font-size-sm)}.dashboard-inline-button{width:auto;padding:var(--space-1) var(--space-4)}.dashboard-inline-button--secondary{background:var(--color-bg);border:var(--border-width) solid var(--color-border);color:var(--color-text-primary)}.dashboard-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.dashboard-list--plain{gap:var(--space-1)}.dashboard-list--plain .dashboard-list-item{padding:0;background:transparent;border:none;justify-content:space-between}.dashboard-list--plain .dashboard-list-item+.dashboard-list-item{padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border)}.dashboard-list-item{position:relative;display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);border:var(--border-width) solid var(--color-border);width:100%;text-align:left;font-size:var(--font-size-md);gap:var(--space-2);line-height:1.4;appearance:none;cursor:pointer}.dashboard-readonly .dashboard-list-item{cursor:default}.dashboard-readonly .dashboard-list-item:hover:not(.is-active):not(:disabled){background:transparent}.dashboard-list-item:hover:not(.is-active):not(:disabled){background:color-mix(in srgb,var(--color-bg) 80%,var(--color-border) 20%)}.dashboard-list-item:disabled{cursor:not-allowed;opacity:.6}.dashboard-list-item.is-active{background:color-mix(in srgb,var(--color-surface) 92%,var(--color-border) 8%);border-color:color-mix(in srgb,var(--color-border) 70%,var(--color-text-muted))}.dashboard-list-meta{color:var(--color-text-muted);font-size:var(--font-size-sm);white-space:normal}.dashboard-list-item__meta{display:inline-flex;align-items:center;gap:var(--space-2)}.dashboard-help{position:relative;display:inline-flex;align-items:baseline;margin-left:var(--space-2);vertical-align:middle}.dashboard-help__icon{width:var(--space-4);height:var(--space-4);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:transparent;color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.dashboard-help__icon:hover{border-color:color-mix(in srgb,var(--color-border) 60%,var(--color-text-muted) 40%)}.dashboard-help__icon:focus{outline:var(--focus-outline) solid var(--color-border);outline-offset:var(--focus-outline)}.dashboard-help__tooltip{position:absolute;bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%);z-index:20;max-width:calc(var(--space-8) * 7);padding:var(--space-2);border-radius:var(--radius-md);border:var(--border-width) solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.5;pointer-events:none;opacity:0;visibility:hidden}.dashboard-help:hover .dashboard-help__tooltip,.dashboard-help:focus-within .dashboard-help__tooltip{opacity:1;visibility:visible}.dashboard-list-item span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.dashboard-list-item__label{display:inline-flex;align-items:center;gap:var(--space-2);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.dashboard-list-item--stack{flex-direction:column;align-items:flex-start}.dashboard-list-item--stack span:first-child{max-width:100%}.dashboard-code{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-text-primary);color:var(--color-surface);font-size:var(--font-size-xs);white-space:pre-wrap}.dashboard-stack{display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-section{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-section__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.dashboard-section__title{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.dashboard-section__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:1.5;max-width:64ch}.dashboard-hero-value{display:inline-flex;align-items:center;min-height:calc(var(--space-6) + var(--space-1));color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.3}.dashboard-grid-balanced{align-items:start}.profile-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.profile-readonly-list{padding-top:var(--space-2);border-top:var(--border-width) solid var(--color-border)}.profile-password-form{margin-top:var(--space-3);padding-top:var(--space-3);border-top:var(--border-width) solid var(--color-border)}.dashboard-switch-row{display:flex;align-items:center;gap:var(--space-3);justify-content:space-between}.dashboard-switch-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.dashboard-switch{position:relative;display:inline-flex;align-items:center;width:calc(var(--space-6) + var(--space-5));height:var(--space-6)}.dashboard-switch input{opacity:0;width:calc(var(--space-6) + var(--space-5));height:var(--space-6);position:absolute;inset:0;margin:0;cursor:pointer}.dashboard-switch__track{position:absolute;inset:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-border) 75%,var(--color-bg))}.dashboard-switch__thumb{position:absolute;width:var(--space-5);height:var(--space-5);border-radius:50%;background:var(--color-surface);top:calc(var(--space-1) / 2);left:calc(var(--space-1) / 2)}.dashboard-switch input:checked+.dashboard-switch__track{background:color-mix(in srgb,var(--color-border) 90%,var(--color-bg))}.dashboard-switch input:checked+.dashboard-switch__track+.dashboard-switch__thumb{transform:translate(var(--space-5))}.dashboard-switch input:focus-visible+.dashboard-switch__track{outline:var(--focus-outline) solid color-mix(in srgb,var(--color-accent) 40%,transparent);outline-offset:var(--focus-outline)}.proxy-linear .dashboard-list{gap:0}.proxy-linear .ui-card__title{color:var(--color-text-muted);font-weight:var(--font-weight-semibold)}.proxy-linear .dashboard-switch-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.dns-linear .ui-card__title{color:var(--color-text-secondary)}.proxy-linear input[type=radio]{accent-color:var(--color-text-muted)}.proxy-linear .dashboard-list-item{background:transparent;border:none;border-radius:0;padding:var(--space-2) 0;font-size:var(--font-size-sm)}.proxy-linear .dashboard-list-item+.dashboard-list-item{border-top:var(--border-width) solid var(--color-border)}.proxy-linear .dashboard-list-item.is-active{background:transparent;font-weight:var(--font-weight-medium)}.proxy-linear .dashboard-list-item__label{max-width:100%}.proxy-linear .status-indicator{color:var(--color-text-secondary)}.proxy-linear .status-indicator__dot{background:var(--color-border)}.proxy-linear .dashboard-list-item span:first-child{max-width:100%}.proxy-linear .dashboard-list-item.is-active:before{display:none}.dashboard-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(calc(var(--space-4) * 13.75),1fr));gap:var(--space-3)}.dashboard-device-hint{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);border:var(--border-width) solid var(--color-border)}.dashboard-device-icon{width:var(--space-6);height:var(--space-6);color:var(--color-text-muted)}.dashboard-note{margin-top:var(--space-2)}@media(max-width:1200px){.overview-grid,.overview-grid--five{grid-template-columns:repeat(3,minmax(0,1fr))}.overview-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid,.section-grid--three{grid-template-columns:1fr}.status-bar--footer{left:var(--space-4)}}@media(max-width:768px){.overview-grid,.overview-grid--five,.overview-grid--two,.dashboard-grid--two{grid-template-columns:1fr}.billing-plan-grid{grid-template-columns:1fr;padding-inline:max(var(--space-3),4%)}.billing-plan-card{min-height:auto}.quota-critical-bar,.app-toast{left:var(--space-3);right:var(--space-3);width:auto}.dashboard-card-full{grid-column:auto}.section-grid--three{grid-template-columns:1fr}.status-bar{flex-direction:column;align-items:flex-start}.status-bar__content{width:100%}.settings-layout,.settings-page__grid{grid-template-columns:1fr}.settings-layout__nav{position:static}.settings-layout__nav-list{display:grid;grid-template-columns:1fr}}@media(min-width:769px)and (max-width:1100px){.billing-plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-layout{grid-template-columns:minmax(14rem,16rem) minmax(0,1fr)}}.app-sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--border-default);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.app-sidebar-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.app-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.app-sidebar-link{position:relative;display:flex;align-items:center;height:40px;padding:0 var(--space-3);border-radius:8px;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:var(--font-weight-medium);transition:background .15s ease,color .15s ease}.app-sidebar-link:hover{background:#eef2f7}.app-sidebar-link.is-active{background:var(--nav-active-bg);color:var(--nav-active-text)}.app-sidebar-link.is-active:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:2px;border-radius:2px;background:var(--accent)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;height:40px;padding:0 var(--space-3);box-sizing:border-box;border:1px solid transparent;border-radius:12px;font-size:.9rem;font-weight:var(--font-weight-medium);line-height:1;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.ui-button--primary{background:var(--accent);color:var(--color-surface)}.ui-button--secondary{background:var(--accent-soft);color:var(--accent)}.ui-button--ghost{background:transparent;color:var(--color-text-secondary)}.ui-button--ghost:hover{background:var(--nav-active-bg)}.ui-button:disabled{opacity:.5;pointer-events:none}.bootstrap-skeleton{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:#0f1115;color:#f4f6fb}.bootstrap-skeleton__sidebar{padding:32px 24px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:18px}.bootstrap-skeleton__main{padding:32px 40px;display:flex;flex-direction:column;gap:28px}.bootstrap-skeleton__header{display:flex;align-items:center;justify-content:space-between;gap:24px}.bootstrap-skeleton__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.bootstrap-skeleton__content{display:flex;flex-direction:column;gap:14px}.skeleton-block,.skeleton-card,.skeleton-line{background:linear-gradient(90deg,#ffffff0f,#ffffff2e,#ffffff0f 90%);background-size:200% 100%;border-radius:16px;animation:shimmer 1.2s infinite ease-in-out}.skeleton-block{height:20px;width:140px}.skeleton-block--wide{width:180px}.skeleton-block--short{width:90px}.skeleton-card{height:140px}.skeleton-line{height:14px;width:100%}.skeleton-line--short{width:60%}@media(max-width:960px){.bootstrap-skeleton{grid-template-columns:1fr}.bootstrap-skeleton__sidebar{flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid rgba(255,255,255,.08)}}.cta-spinner{display:inline-block;width:14px;height:14px;margin-right:8px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#ffffffe6;animation:spin .8s linear infinite;vertical-align:middle}.connection-hint{margin-top:10px;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.75rem;color:#ffffffbf}.device-icon{width:18px;height:18px;fill:#fff9}.device-icon__detail{fill:#ffffffd9}.connection-details{margin-top:12px;padding:12px 14px;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.connection-details__title{font-size:.85rem;font-weight:600;margin-bottom:6px}.connection-details__line{font-size:.8rem;color:#ffffffb3}@keyframes spin{to{transform:rotate(360deg)}}.quota-toast{position:fixed;right:20px;bottom:20px;z-index:60;max-width:320px;border-radius:14px;border:1px solid rgba(255,255,255,.12);padding:12px 14px;background:#12151af5;box-shadow:0 16px 30px #00000059}.quota-toast__content{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.quota-toast__title{font-size:.85rem;font-weight:600;margin-bottom:4px}.quota-toast__message{font-size:.8rem;color:#ffffffbf}.quota-toast__close{background:transparent;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer}.quota-toast--info{border-color:#5699ff66}.quota-banner{position:sticky;top:0;z-index:50;padding:12px 24px;background:#ffc54f2e;border-bottom:1px solid rgba(255,197,79,.4)}.quota-banner__content{display:flex;align-items:center;justify-content:space-between;gap:18px}.quota-banner__title{font-size:.85rem;font-weight:600}.quota-banner__message{font-size:.8rem;color:#ffffffbf}.quota-banner__close{background:transparent;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 12px;color:#ffffffd9;cursor:pointer;font-size:.75rem}.quota-modal{position:fixed;inset:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px}.quota-modal__backdrop{position:absolute;inset:0;background:#080a0cb8}.quota-modal__panel{position:relative;z-index:1;max-width:420px;width:100%;background:#141821;border-radius:18px;border:1px solid rgba(255,255,255,.12);padding:20px 22px;box-shadow:0 24px 50px #0006}.quota-modal__title{font-size:1rem;font-weight:600;margin-bottom:8px}.quota-modal__message{font-size:.85rem;color:#ffffffbf;margin-bottom:16px}.quota-modal__actions{display:flex;justify-content:flex-end}.quota-modal__cta{border:none;border-radius:10px;padding:10px 16px;background:#4c7bff;color:#fff;font-size:.85rem;cursor:pointer}@media(max-width:768px){.quota-banner__content{flex-direction:column;align-items:flex-start}.quota-toast{left:16px;right:16px}}.status-toast{position:fixed;bottom:20px;left:20px;z-index:65;max-width:320px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#12151af5;box-shadow:0 16px 30px #00000059}.status-toast__content{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-toast__message{font-size:.8rem;color:#ffffffd9}.status-toast__close{background:transparent;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer}.status-toast--info{border-color:#5699ff66}.status-toast--warning{border-color:#ffc54f66}.status-toast--error{border-color:#ff6b6b66}@media(max-width:768px){.status-toast{left:16px;right:16px}}