:root{--text-1: #f0f1f5;--text-2: #9aa0b2;--surface-1: #17181c;--surface-2: #1f2028;--primary: #c026d3;--primary-hover: #c026d3;--primary-text: #ffffff;--primary-gradient: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--primary-gradient-hover: linear-gradient(135deg, #7c3aed 0%, #c026d3 100%);--primary-gradient-active: linear-gradient(135deg, #6d31df 0%, #af22bf 100%);--primary-shadow: 0 4px 20px rgba(192, 38, 211, .3);--primary-shadow-hover: 0 6px 24px rgba(192, 38, 211, .4);--primary-shadow-active: 0 4px 20px rgba(192, 38, 211, .3);--danger: #ef4444;--danger-hover: #dc2626;--danger-active: #b91c1c;--danger-soft: #fca5a5;--danger-shadow: 0 12px 24px rgba(239, 68, 68, .18);--danger-shadow-hover: 0 16px 28px rgba(239, 68, 68, .24);--ghost-surface: rgba(255, 255, 255, .02);--ghost-surface-hover: rgba(255, 255, 255, .06);--ghost-surface-active: rgba(255, 255, 255, .09);--ghost-border: rgba(255, 255, 255, .14);--ghost-border-hover: rgba(255, 255, 255, .22);--ghost-border-active: rgba(255, 255, 255, .28);--ghost-danger-surface-hover: rgba(248, 113, 113, .08);--ghost-danger-surface-active: rgba(248, 113, 113, .12);--ghost-danger-border-hover: rgba(248, 113, 113, .48);--ghost-danger-border-active: rgba(248, 113, 113, .56);--surface-3: #252830;--surface-dark: #13141a;--border-default: rgba(255, 255, 255, .1);--border-subtle: rgba(255, 255, 255, .07);--color-success: #22c55e;--color-success-border: rgba(34, 197, 94, .3);--color-warning: #f59e0b;--color-warning-border: rgba(245, 158, 11, .3);--color-error-border: rgba(239, 68, 68, .3);--notification-shadow: 0 8px 32px rgba(0, 0, 0, .4);color:#f0f1f5;background:#17181c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{min-height:48px;border:0;border-radius:12px;background:var(--primary-gradient);color:var(--primary-text);cursor:pointer;font-weight:800;padding:0 16px;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}a.payment-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:12px;background:var(--primary-gradient);color:var(--primary-text);padding:0 16px;font-weight:800;text-decoration:none;transition:background .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease}a.payment-link,.app-import-btn,button:not(.ghost):not(.tab):not(.os-tab-pill):not(.nav-button):not(.method-button):not(.link-btn):not(.sidebar-logout):not(.button-danger){box-shadow:var(--primary-shadow)}button:not(.ghost):not(.tab):not(.os-tab-pill):not(.nav-button):not(.method-button):not(.link-btn):not(.sidebar-logout):not(.button-danger):hover:not(:disabled),a.payment-link:hover{background:var(--primary-gradient-hover);box-shadow:var(--primary-shadow-hover);filter:brightness(1.1);color:#f0f1f5}button:not(.ghost):not(.tab):not(.os-tab-pill):not(.nav-button):not(.method-button):not(.link-btn):not(.sidebar-logout):not(.button-danger):active:not(:disabled),a.payment-link:active{background:var(--primary-gradient-active);box-shadow:var(--primary-shadow-active);filter:brightness(1.04)}button:focus-visible,a.payment-link:focus-visible{outline:3px solid rgba(204,51,255,.38);outline-offset:2px}button:disabled{cursor:wait;opacity:.65}input{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#1f2028;color:#f0f1f5;padding:0 15px;outline:none}input:focus{border-color:#c3f;box-shadow:0 0 0 4px #cc33ff1f}label{color:#e2e5ef;font-size:14px;font-weight:700}h1,h2,h3,p{margin:0}h1{font-size:clamp(30px,5vw,52px);line-height:.98}h2{font-size:clamp(23px,3vw,34px);line-height:1.05}h3{font-size:18px}p{color:#b2b8c6;line-height:1.55}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(204,51,255,.08),transparent 34%),linear-gradient(300deg,rgba(98,195,255,.08),transparent 40%),#17181c}.boot-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(120deg,rgba(204,51,255,.08),transparent 34%),var(--surface-1)}.boot-card{display:grid;justify-items:center;gap:18px;width:min(100%,360px);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#1f2028f5;padding:32px;box-shadow:0 24px 80px #00000057}.boot-card p{margin:0;color:var(--text-2);font-weight:700}.boot-loader{width:34px;height:34px;border:3px solid rgba(255,255,255,.14);border-top-color:var(--primary);border-radius:50%;animation:boot-spin .8s linear infinite}@keyframes boot-spin{to{transform:rotate(360deg)}}.auth-card{width:min(100%,620px);border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#1f2028f5;padding:clamp(24px,6vw,44px);box-shadow:0 24px 80px #00000057}.brand{display:inline-flex;align-items:center;width:fit-content;background:#fff;border-radius:8px;padding:6px 12px}.brand img{display:block;width:auto;height:32px;max-width:200px;object-fit:contain}.auth-card .brand{display:flex;margin:0 auto}.auth-card .brand img{height:42px}.eyebrow,.section-kicker{color:#8890a0;font-size:13px;font-weight:800;letter-spacing:0;text-transform:uppercase}.auth-card .eyebrow{margin-top:48px}.result-card{display:grid;gap:18px}.result-card .eyebrow{margin-top:0}.result-card>svg{width:42px;height:42px;color:#c3f}.lead{max-width:560px;margin-top:18px;font-size:18px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:28px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1);padding:5px}.tab{min-height:44px;background:transparent;color:#8890a0}.tab.active{background:var(--primary-gradient);box-shadow:inset 0 0 0 1px #ffffff0a;color:#fff}.tab:hover:not(:disabled){filter:none;background:#ffffff0a;color:#c8ccd8}.tab.active:hover:not(:disabled){background:var(--primary-gradient-hover);filter:none;color:#fff}.auth-form,.form-grid{display:grid;gap:13px;margin-top:28px}.field{position:relative}.field svg{position:absolute;left:15px;top:50%;width:20px;height:20px;color:#c3f;transform:translateY(-50%)}.field input{padding-left:46px}.telegram-auth-panel{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-1);padding:16px}.telegram-auth-panel svg{width:24px;height:24px;color:#c3f}.telegram-auth-panel h2{font-size:22px}.telegram-auth-panel p{margin-top:8px}.ghost{border:1px solid var(--ghost-border);background:var(--ghost-surface);color:#e2e5ef}.ghost:hover:not(:disabled){filter:none;border-color:var(--ghost-border-hover);background:var(--ghost-surface-hover)}.ghost:active:not(:disabled){border-color:var(--ghost-border-active);background:var(--ghost-surface-active)}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 16px}.with-icon svg{width:18px;height:18px}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr);background:#17181c}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px;border-right:1px solid rgba(255,255,255,.08);background:#1c1d23;padding:24px}.nav{display:grid;gap:8px}.nav-button{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:46px;border-radius:12px;background:transparent;color:#b2b8c6;padding:0 12px}.nav-button.active{background:#cc33ff1f;color:var(--primary)}.nav-button:hover:not(:disabled){filter:none;color:#d8dce8}.nav-button.active:hover:not(:disabled){filter:none;color:var(--primary)}.nav-button svg{width:19px;height:19px}.nav-button .nav-badge{margin-left:auto;font-size:10px;font-weight:700;background:var(--primary);color:#fff;border-radius:99px;padding:1px 6px;line-height:1.6;white-space:nowrap}.sidebar-bottom{margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding:14px 10px 16px;display:flex;flex-direction:column;gap:8px}.sidebar-status-pill{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:12px;border:1px solid rgba(34,197,94,.18);background:#22c55e1a;font-size:14px;font-weight:600;line-height:1.2;color:#22c55e}.sidebar-status-pill.inactive{border-color:#ef44442e;background:#ef444414;color:#ef4444}.sidebar-status-pill .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 6px #22c55e;flex-shrink:0}.sidebar-status-pill.inactive .dot{background:#ef4444;box-shadow:none}.sidebar-logout{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border-radius:12px;color:var(--text-2);font-size:14px;font-weight:600;background:#ffffff05;border:1px solid transparent;width:100%;text-align:left;cursor:pointer;transition:color .15s ease,background .15s ease,border-color .15s ease}.sidebar-logout:hover{color:#ef4444;background:#ef444414;border-color:#ef44442e;filter:none}.sidebar-logout svg{width:16px;height:16px;flex-shrink:0}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:200;align-items:center;justify-content:space-between;padding:0 16px;height:56px;background:#1c1d23;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-header .brand img{height:28px}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:200;background:#1c1d23;border-top:1px solid rgba(255,255,255,.08);padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px)}.mobile-nav .nav-button{position:relative;flex:1;flex-direction:column;gap:3px;min-height:56px;border-radius:10px;padding:6px 4px;justify-content:center;color:#6b7280;font-size:10px;font-weight:500;letter-spacing:.01em}.mobile-nav .nav-button.active{background:transparent;color:#c3f}.mobile-nav .nav-button:hover:not(:disabled){filter:none;color:#a855f7}.mobile-nav .nav-button.active:hover:not(:disabled){filter:none;color:#c3f}.mobile-nav .nav-button svg{width:22px;height:22px}.mobile-nav .nav-button .nav-badge{margin-left:0;position:absolute;top:6px;right:6px;padding:1px 5px;font-size:9px}.mobile-nav .nav-button span{display:block;white-space:nowrap}.profile-mobile-logout{display:none}.workspace{display:grid;align-content:start;gap:24px;width:min(100%,1120px);padding:32px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.topbar h1{margin-top:8px}.status-pill{display:inline-flex;align-items:center;gap:9px;min-height:40px;border:1px solid var(--border-default);border-radius:999px;background:var(--surface-2);color:#d8dce8;padding:0 14px;white-space:nowrap}.status-pill span{width:9px;height:9px;border-radius:50%;background:#f59e0b}.status-pill.active span{background:#22c55e}.view-stack{display:grid;gap:18px}.hero-card,.connection-panel,.section-header,.action-panel,.support-contact-card,.payment-method-panel,.payment-history-panel,.trial-panel,.payment-card{border:1px solid var(--border-default);border-radius:18px;background:var(--surface-2);padding:22px}.hero-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-height:270px;background:linear-gradient(135deg,rgba(204,51,255,.1),transparent 42%),var(--surface-2)}.hero-card.active{border-color:#22c55e59;background:linear-gradient(135deg,rgba(34,197,94,.07),transparent 42%),var(--surface-2)}.hero-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-badge-active{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;background:#22c55e1f;border:1px solid rgba(34,197,94,.25);color:#22c55e;font-size:12px;font-weight:700;white-space:nowrap;box-shadow:0 0 8px #22c55e26}.hero-badge-active svg{width:13px;height:13px}.hero-expires{color:var(--text-2);margin-top:6px!important}.hero-card h2,.section-header h2,.action-panel h2,.support-contact-card h2,.payment-card h2,.connection-panel h2{margin-top:10px}.hero-card p,.section-header p,.action-panel p,.support-contact-card p,.payment-card p,.connection-panel p{max-width:620px;margin-top:12px}.hero-actions{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:10px}.hero-actions.left{justify-content:flex-start;flex-direction:column}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-secondary-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:18px}.metric-card,.plan-card,.device-card,.detail-card{display:grid;gap:10px;min-width:0;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-3);padding:18px}.metric-card .metric-icon{width:32px;height:32px;border-radius:8px;background:#cc33ff1f;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.metric-card .metric-icon svg{width:15px;height:15px;color:inherit}.metric-card svg{width:21px;height:21px;color:#62c3ff}.home-metrics .metric-card{align-content:start}.home-metrics .metric-card .metric-icon{background:transparent}.home-metrics .metric-card strong{order:1}.home-metrics .metric-card span{order:2}.home-metrics .metric-card .metric-icon-primary{background:#c026d31f;color:var(--primary)}.home-metrics .metric-card .metric-icon-traffic{background:#22c55e1a;color:#22c55e}.home-metrics .metric-card .metric-icon-sessions{background:#f59e0b1a;color:#f59e0b}.referral-metrics .metric-card svg{color:var(--primary)}.metric-card span,.plan-card span,.detail-card span{color:#8890a0;font-weight:800;text-transform:uppercase}.metric-card strong{font-size:25px}.connection-panel{display:grid;gap:18px;min-height:348px}.support-contact-card{display:grid;gap:16px;background:linear-gradient(135deg,rgba(204,51,255,.06),transparent 44%),var(--surface-2)}.support-contact-header{display:flex;align-items:center;gap:12px}.support-contact-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#cc33ff1f;color:var(--primary)}.compact-panel{padding:16px}.connection-box{display:grid;gap:10px;min-width:0}.connection-box code{display:block;overflow-wrap:anywhere;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#0000002e;color:#e2e5ef;padding:13px;font-size:13px;line-height:1.5}.connection-actions{display:grid;gap:10px}.referral-link-panel{gap:14px;min-height:auto;padding:22px}.referral-link-panel .connection-box{grid-template-columns:minmax(0,1fr) auto;align-items:stretch}.referral-copy-button{min-width:150px}.connection-action-button{width:100%;min-height:48px;justify-content:center}.connection-qr-state{display:grid;align-content:center;gap:14px;min-height:300px}.referral-rules{background:linear-gradient(135deg,rgba(204,51,255,.08),transparent 44%),var(--surface-2)}.referral-rule-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.referral-rule-card{display:grid;grid-template-columns:auto 1fr;gap:12px;min-width:0;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-dark);padding:16px}.referral-rule-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:#cc33ff1f;color:var(--primary);flex-shrink:0}.referral-rule-icon svg{width:18px;height:18px}.referral-rule-card strong{display:block;color:var(--text-1);font-size:15px;line-height:1.35}.referral-rule-card p{margin:7px 0 0;color:var(--text-2);font-size:14px;line-height:1.5}.qr-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:234px;padding:18px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1)}.qr-panel svg{border-radius:8px}.qr-hint{font-size:13px;color:#8890a0;text-align:center;margin:0}.plan-grid,.device-grid,.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.app-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.app-card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-dark);padding:16px}.app-card-top{display:flex;align-items:center;gap:12px}.app-icon{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:900;font-size:13px;color:#fff;flex-shrink:0;letter-spacing:-.3px}.app-card-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.badge-recommended{font-size:11px;font-weight:800;padding:2px 8px;border-radius:999px;background:#cc33ff1f;color:#c3f;border:1px solid rgba(204,51,255,.28);width:fit-content}.app-card-import{display:flex}.app-import-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;border:0;border-radius:10px;background:var(--primary-gradient);color:#fff;padding:0 14px;font:inherit;font-weight:800;font-size:14px;text-decoration:none;cursor:pointer;transition:background .15s ease,box-shadow .15s ease,opacity .15s ease}.app-import-btn:hover:not(:disabled){background:var(--primary-gradient-hover);box-shadow:var(--primary-shadow-hover);filter:brightness(1.1)}.app-import-btn:active:not(:disabled){background:var(--primary-gradient-active);box-shadow:var(--primary-shadow-active);filter:brightness(1.04)}.app-import-btn:disabled{opacity:.45;cursor:not-allowed}.app-import-btn svg{width:16px;height:16px;flex-shrink:0}.app-downloads{display:flex;flex-direction:column;gap:8px}.app-downloads-label{font-size:12px;font-weight:600;color:#8890a0}.app-store-chips{display:flex;flex-wrap:wrap;gap:6px}.app-no-download{font-size:12px;color:#8890a0}.app-store-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px;border-radius:8px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#d8dce8;font-size:13px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .15s ease}.app-store-chip svg{width:14px;height:14px;flex-shrink:0}.app-store-chip:hover{background:#ffffff1a}.os-tabs-strip{display:flex;flex-wrap:wrap;gap:6px}.os-tab-pill{display:inline-flex;align-items:center;gap:6px;height:34px;min-height:unset;padding:0 14px;border-radius:99px;border:1.5px solid var(--border-default);background:var(--surface-3);color:var(--text-2);font-size:13px;font-weight:600;box-shadow:none}.os-tab-pill.active{border-color:var(--primary);background:#c026d31a;color:var(--primary)}.os-tab-pill:hover:not(:disabled):not(.active){border-color:var(--ghost-border-hover);background:var(--surface-3);color:var(--text-1);filter:none}.instruction-list{margin:0;padding-left:22px;color:#e2e5ef;line-height:1.65}.payment-method-panel{display:grid;gap:16px}.payment-method-panel p{margin-top:8px;color:var(--text-2)}.checkout-options{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:12px;align-items:stretch}.checkout-subtitle{margin:2px 0 -4px;color:#e2e5ef;font-size:15px}.payment-method-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.promo-field{display:grid;gap:7px;align-content:start;min-height:112px;color:#e2e5ef;font-size:13px;font-weight:800;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#17181c;padding:12px}.promo-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.promo-field input{min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#17181c;color:#e2e5ef;padding:0 13px;text-transform:uppercase}.promo-row button{min-height:44px}.promo-applied,.plan-discount{color:#4ade80;font-size:13px;font-weight:800}.promo-field small{color:#9aa0b2;font-size:13px;font-weight:700}.promo-gift-card{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.promo-gift-copy{display:grid;gap:4px;min-width:0}.promo-gift-button{flex-shrink:0;min-width:190px}.wallet-toggle{display:flex;align-items:center;gap:12px;min-height:112px;border:1px solid rgba(204,51,255,.35);border-radius:12px;background:#cc33ff14;color:#e2e5ef;padding:12px 14px}.wallet-toggle.disabled{border-color:#ffffff1a;background:#ffffff0a;color:#8890a0}.wallet-toggle input{width:18px;height:18px;accent-color:#cc33ff}.wallet-toggle span{display:grid;gap:2px}.wallet-toggle small{color:#9aa0b2;font-size:13px;font-weight:700}.method-button{display:grid;gap:4px;min-height:72px;justify-items:start;border:1px solid rgba(255,255,255,.1);background:#17181c;color:#e2e5ef;padding:13px}.method-button.active{border-color:#cc33ff8c;background:#f0f1f5;color:#17181c}.method-button:hover:not(:disabled){filter:none;border-color:#cc33ff47;background:#ffffff0a;color:#e2e5ef}.method-button.active:hover:not(:disabled){border-color:#cc33ff9e;background:#f0f1f5;color:#17181c}.method-button span{color:#9f9f9f;font-size:13px;font-weight:700}.method-button:hover span{color:#f0f1f5;font-size:13px;font-weight:700}.method-button.active span,.method-button.active:hover span{color:#3d3a50}.payment-history-panel{display:grid;gap:16px}.payment-history-panel h2{margin-top:10px}.payment-history-panel p{max-width:640px;margin-top:10px}.payment-history-list{display:grid;gap:10px}.payment-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1);padding:12px}.payment-history-item.history{background:var(--surface-dark);opacity:.92}.payment-history-item div:first-child{display:grid;gap:4px;min-width:0}.payment-history-item span{color:#8890a0;font-size:13px}.payment-actions,.payment-card-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start}.payment-card-actions{width:100%}.payment-card-actions>button,.payment-card-actions>a{min-width:170px}.confirm-cancel-inline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:var(--text-2)}.confirm-cancel-block{display:flex;flex-direction:column;gap:10px;width:100%;padding:12px 14px;border-radius:10px;background:color-mix(in srgb,var(--danger) 8%,transparent);border:1px solid color-mix(in srgb,var(--danger) 20%,transparent)}.confirm-cancel-block p{margin:0;font-size:14px;color:var(--text-1)}.confirm-cancel-actions{display:flex;gap:8px;flex-wrap:wrap}.status-badge{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:30px;border-radius:999px;padding:0 10px;font-size:12px;font-weight:800;white-space:nowrap}.status-badge-icon{display:inline-flex;align-items:center;flex-shrink:0}.status-badge-icon svg{width:13px;height:13px}.status-badge.pending{background:#f59e0b24;color:#fbbf24}.status-badge.confirmed,.status-badge.provisioned{background:#22c55e24;color:#86efac}.status-badge.canceled,.status-badge.failed{background:#f8717124;color:#fca5a5}.danger{border-color:#f871714d;color:var(--danger-soft)}.danger:hover:not(:disabled){border-color:var(--ghost-danger-border-hover);background:var(--ghost-danger-surface-hover);color:var(--danger-soft)}.danger:active:not(:disabled){border-color:var(--ghost-danger-border-active);background:var(--ghost-danger-surface-active)}.danger:focus-visible,.button-danger:focus-visible{outline:3px solid rgba(239,68,68,.32);outline-offset:2px}.button-danger{background:var(--danger);box-shadow:var(--danger-shadow);color:#fff7f7}.button-danger:hover:not(:disabled){filter:none;background:var(--danger-hover);box-shadow:var(--danger-shadow-hover);color:#fff7f7}.button-danger:active:not(:disabled){filter:none;background:var(--danger-active);box-shadow:var(--danger-shadow);color:#fff7f7}.plan-card strong{font-size:32px}.plan-card p,.device-card p{font-size:15px}.device-card svg{width:24px;height:24px;color:#c3f}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card.wide{grid-column:1 / -1}.detail-card strong{overflow-wrap:anywhere}.action-panel{display:grid;gap:16px}.next-step-panel{display:flex;flex-direction:column}.next-step-panel .hero-actions{margin-top:auto}.trial-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;border-color:#cc33ff2e;background:linear-gradient(135deg,rgba(204,51,255,.08),transparent 46%),var(--surface-2)}.trial-panel h2{margin-top:10px}.trial-panel p{max-width:660px;margin-top:10px}.action-panel.muted{border-color:var(--border-subtle);background:var(--surface-dark)}.session-list{display:grid;gap:10px}.session-item{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1);padding:12px}.session-item div{display:grid;gap:4px;min-width:0}.session-item span{color:#8890a0;font-size:13px}.empty-state{display:grid;gap:8px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;background:var(--surface-1);padding:14px}.empty-state strong{color:#f0f1f5;font-size:15px}.empty-state p{margin-top:0}.payment-card{display:grid;justify-items:start;gap:14px;max-width:680px}.payment-meta{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 16px;min-width:min(100%,360px);border:1px solid var(--border-default);border-radius:14px;background:var(--surface-1);padding:14px}.payment-meta span{color:#8890a0;font-size:13px;font-weight:800;text-transform:uppercase}.payment-card>svg{width:36px;height:36px;color:#c3f}.payment-card-pending>svg{color:#f59e0b}.payment-card-failed>svg{color:#f59e0b}.payment-card-canceled>svg,.payment-card-failed>svg{color:#f59e0b}.payment-card-confirmed>svg,.payment-card-provisioned>svg{color:#4ade80}.compact{min-height:38px;padding:0 13px}.feedback-stack{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:200;width:min(90vw,480px);display:grid;gap:10px;animation:feedbackIn .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.feedback-stack>*{pointer-events:auto}@keyframes feedbackIn{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.message,.dev-code{border-radius:12px;padding:12px 20px;font-size:13px;font-weight:600}.message{background:var(--surface-3);border:1px solid var(--border-default);box-shadow:var(--notification-shadow);color:var(--text-1);display:flex;align-items:center;gap:8px}.message-text{min-width:0;flex:1;word-break:break-word}.message.success{color:var(--color-success);border-color:var(--color-success-border)}.message.warning{color:var(--color-warning);border-color:var(--color-warning-border)}.message.error{color:var(--danger);border-color:var(--color-error-border)}.dev-code{background:var(--surface-3);border:1px solid var(--color-warning-border);box-shadow:var(--notification-shadow);color:var(--color-warning)}.dev-code.inline{margin-top:0}@media(max-width:880px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:1fr;gap:14px;padding:18px}.nav{grid-template-columns:repeat(4,minmax(0,1fr))}.nav-button{justify-content:center;padding:0 8px}.sidebar-bottom{margin-top:0;border-top:none;padding:0}.workspace{padding:20px}.hero-card{grid-template-columns:1fr}.hero-actions{justify-content:flex-start}.metric-grid,.plan-grid,.device-grid,.details-grid,.home-secondary-grid{grid-template-columns:1fr}.support-contact-link{width:100%}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{min-height:200px}.payment-card-actions>button,.payment-card-actions>a{flex:1 1 auto;min-width:0}.payment-history-item{grid-template-columns:1fr auto;align-items:center}.payment-history-item>.payment-actions{grid-column:1 / -1}.payment-history-item .payment-actions>button,.payment-history-item .payment-actions>a.payment-link{min-height:44px;flex:1 1 auto}.payment-actions{justify-content:flex-start}.checkout-options{grid-template-columns:1fr}.trial-panel{display:grid}.promo-gift-card{flex-direction:column}.promo-gift-button{width:100%;min-width:0}}@media(max-width:560px){.auth-shell{padding:14px}.auth-card,.workspace{padding:16px}.topbar{display:grid}.hero-actions,.hero-actions button{width:100%}.hero-card,.connection-panel,.section-header,.action-panel,.support-contact-card,.payment-method-panel,.payment-history-panel,.trial-panel,.payment-card{padding:16px}.referral-rule-list,.referral-link-panel .connection-box{grid-template-columns:1fr}.referral-copy-button{width:100%;min-width:0}.hero-card{min-height:auto}.view-stack{gap:14px}.wallet-toggle,.promo-field{min-height:90px}.payment-card-actions>button,.payment-card-actions>a{width:100%;min-width:0}.payment-method-grid{grid-template-columns:1fr}}@media(max-width:430px){.brand img{height:24px}.auth-card .brand img{height:34px}}@media(max-width:768px){.sidebar{display:none}.mobile-header,.mobile-nav{display:flex}.topbar .status-pill{display:none}.workspace{padding:72px 16px 80px}.profile-mobile-logout{display:flex;padding-top:8px}.onboarding-overlay{align-items:flex-end;padding:12px}.onboarding-sheet{width:100%;padding:24px 20px 20px;gap:20px}.onboarding-actions{flex-direction:column-reverse}.onboarding-actions button{width:100%}}.legal-shell{min-height:100dvh;background:#17181c;display:flex;justify-content:center;padding:40px 20px 80px}.legal-page{width:100%;max-width:700px;display:flex;flex-direction:column;gap:24px}.legal-back{align-self:flex-start}.legal-page h1{font-size:24px;font-weight:700;color:#f0f1f5;margin:0}.legal-content{font-size:15px;line-height:1.7;color:#c8ccd8}.legal-content p,.legal-content h2,.legal-content h3,.legal-content ul{margin:0 0 16px}.legal-content ul{padding-left:20px;display:flex;flex-direction:column;gap:6px}.legal-content li{line-height:1.6}.legal-contact{margin-top:32px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:#8890a0}.legal-contact a{color:#a855f7;text-decoration:underline;text-underline-offset:2px}.legal-content h2{font-size:18px;color:#f0f1f5}.legal-content h3{font-size:15px;color:#f0f1f5}.legal-placeholder{color:#8890a0;font-style:italic}.auth-legal{font-size:12px;color:#8890a0;text-align:center;margin:4px 0 0;line-height:1.5}.link-btn{background:none;border:none;padding:0;margin:0;min-height:unset;font-size:inherit;color:#a855f7;text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color .15s ease;filter:none}.link-btn:hover{color:#c3f;filter:none}.onboarding-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:600;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 32%),#090b0edb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:24px}.onboarding-sheet{width:min(100%,480px);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),var(--surface-2);border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:32px;box-shadow:0 28px 80px #00000073;animation:onboarding-up .32s cubic-bezier(.4,0,.2,1);display:grid;gap:24px}@keyframes onboarding-up{0%{transform:translateY(36px);opacity:0}to{transform:translateY(0);opacity:1}}.onboarding-skip{min-width:0;padding-inline:16px}.onboarding-dots{display:flex;gap:8px;align-items:center;justify-content:center}.onboarding-dot{width:8px;height:4px;border-radius:999px;background:#ffffff24;transition:all .28s ease,box-shadow .28s ease}.onboarding-dot.active{width:24px}.onboarding-dot.done{width:8px}.onboarding-dot-accent.active{background:#c026d3;box-shadow:0 0 8px #c026d373}.onboarding-dot-accent.done{background:#7c3aed}.onboarding-dot-info.active{background:#0891b2;box-shadow:0 0 8px #0891b26b}.onboarding-dot-info.done{background:#2563eb}.onboarding-dot-success.active{background:#22c55e;box-shadow:0 0 8px #22c55e73}.onboarding-dot-success.done{background:#16a34a}.onboarding-copy{display:grid;justify-items:flex-start;gap:0}.onboarding-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:inset 0 1px #ffffff08,0 10px 24px #0000002e}.onboarding-icon svg{width:26px;height:26px}.onboarding-icon-accent{background:#c026d31a;border:1px solid rgba(192,38,211,.2);color:#c026d3}.onboarding-icon-info{background:#0891b21a;border:1px solid rgba(8,145,178,.2);color:#0891b2}.onboarding-icon-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.22);color:#22c55e}.onboarding-title{font-size:clamp(23px,3vw,28px);font-weight:800;letter-spacing:-.04em;color:var(--text-1);margin-bottom:10px}.onboarding-desc{color:var(--text-2);line-height:1.65;margin-bottom:28px}.onboarding-actions{display:flex;gap:10px;justify-content:stretch}.onboarding-actions button{flex:1}.view-stack{animation:fadeUp .22s cubic-bezier(.4,0,.2,1)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.identity-list{display:flex;flex-direction:column;gap:8px}.identity-card{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-default);border-radius:12px;background:var(--surface-3)}.identity-icon{width:36px;height:36px;border-radius:8px;background:#cc33ff1a;display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.identity-icon svg{width:16px;height:16px}.identity-info strong{font-size:13px;font-weight:700;display:block;color:var(--text-1)}.identity-info span{font-size:12px;color:var(--text-2);font-family:ui-monospace,Cascadia Code,Consolas,monospace}.tariffs-pending-banner{background:#f59e0b0f;border:1px solid rgba(245,158,11,.22);border-radius:18px;padding:16px 20px;display:grid;gap:12px}.tariffs-pending-header{display:flex;align-items:center;gap:8px;color:#f59e0b;font-weight:700}.tariffs-pending-header svg{width:16px;height:16px;flex-shrink:0}.tariffs-pending-list{display:grid;gap:8px}.tariffs-pending-item{display:flex;align-items:center;justify-content:space-between;background:var(--surface-3);border-radius:10px;padding:10px 14px;gap:12px;flex-wrap:wrap}.tariffs-pending-info{display:grid;gap:3px}.tariffs-pending-info span{color:var(--text-2);font-size:13px}.tariffs-pending-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}a.pending-pay-link{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border-radius:10px;background:#f59e0b;color:#000;padding:0 13px;font-weight:700;font-size:inherit;text-decoration:none;transition:background .15s ease}a.pending-pay-link:hover{background:#fbbf24}.tariffs-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tariff-plan-card{cursor:pointer;transition:border-color .2s,box-shadow .2s;align-content:start;position:relative;padding:22px;min-height:120px;gap:2px}.tariff-plan-card:hover{border-color:#cc33ff59}.tariff-plan-card.selected{border-color:var(--primary);box-shadow:0 0 0 1px var(--primary),0 8px 32px #c026d333}.tariff-plan-badge{position:absolute;top:12px;right:12px;font-size:10px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:999px;background:linear-gradient(135deg,#7c3aed 0%,var(--primary) 100%);color:#fff}.tariff-plan-price-row{display:flex;align-items:baseline}.tariff-plan-card .tariff-plan-period{color:var(--text-2);font-weight:600;font-size:13px;text-transform:none;letter-spacing:normal;margin-bottom:6px}.tariff-plan-card .tariff-plan-price{font-size:clamp(26px,3vw,32px);font-weight:900;letter-spacing:-.05em;color:var(--text-1);text-transform:none}.tariff-plan-card .tariff-plan-price-unit{color:var(--text-2);font-weight:500;text-transform:none;margin-left:7px}.tariff-plan-card .tariff-plan-old-price{color:var(--text-2);font-size:13px;text-decoration:line-through;text-transform:none;opacity:.7}.tariff-plan-discount{color:var(--primary);font-size:13px;font-weight:700}.tariffs-summary{background:var(--surface-3);border:1px solid var(--border-default);border-radius:14px;padding:14px 16px}.tariffs-summary-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--border-default)}.tariffs-summary-row:last-child{border-bottom:none;padding-top:10px}.tariffs-summary-row span{color:var(--text-2);font-size:14px}.tariffs-summary-row strong{font-size:14px}.tariffs-summary-promo strong{color:var(--primary)}.tariffs-summary-wallet strong{color:#22c55e}.tariffs-summary-total span{font-size:15px;font-weight:700}.tariffs-summary-total strong{font-size:clamp(18px,2.5vw,22px);font-weight:900;letter-spacing:-.04em;color:var(--primary)}.tariffs-cta{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.tariffs-cta svg{width:17px;height:17px}.tariffs-history-list{display:grid}.tariffs-history-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-default);gap:12px;flex-wrap:wrap}.tariffs-history-row:last-child{border-bottom:none}.tariffs-history-info{display:grid;gap:3px}.tariffs-history-info span{color:var(--text-2);font-size:13px}.tariffs-history-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.tariffs-history-actions .status-badge{font-size:12px;min-height:26px;padding:0 8px}@media(max-width:540px){.tariffs-plan-grid{grid-template-columns:1fr}.tariffs-history-row{flex-direction:column;align-items:flex-start}}