:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}html,body{background:#090b10;min-height:100vh}body{overflow-x:hidden}button,input,select,textarea{font:inherit}html{zoom:1.25}@media (width<=1100px){html{zoom:1}}*{box-sizing:border-box}button{font:inherit}.app-shell{color:#e8ebf2;background:#090b10;min-height:100vh;display:flex}.sidebar{background:#0d1016;border-right:1px solid #1d222c;flex-direction:column;flex-shrink:0;width:248px;padding:26px 16px 18px;display:flex}.brand{align-items:center;gap:12px;margin-bottom:42px;padding:0 10px;display:flex}.brand-mark{color:#fff;background:#6d5dfc;border-radius:11px;place-items:center;width:38px;height:38px;font-size:19px;font-weight:800;display:grid;box-shadow:0 8px 24px #6d5dfc47}.brand-name{color:#f4f5f8;font-size:15px;font-weight:700}.brand-subtitle{color:#727987;margin-top:2px;font-size:11px}.navigation{flex-direction:column;gap:5px;display:flex}.nav-label{color:#555d6c;letter-spacing:.12em;margin-bottom:9px;padding:0 12px;font-size:10px;font-weight:700}.nav-item{color:#858d9c;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;padding:11px 12px;font-size:13px;transition:background .18s,color .18s;display:flex}.nav-item:hover{color:#dfe3eb;background:#151923}.nav-item.active{color:#b4acff;background:#19172b}.nav-icon{width:19px;color:inherit;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto}.connection-status{background:#101612;border:1px solid #1d2924;border-radius:10px;align-items:center;gap:10px;margin:0 6px 18px;padding:12px;display:flex}.status-dot{background:#42d392;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 4px #42d39214}.status-title{color:#b8c0cc;font-size:11px;font-weight:600}.status-text{color:#626a77;margin-top:2px;font-size:10px}.admin-card{border-top:1px solid #1d222c;align-items:center;gap:10px;padding:10px;display:flex}.avatar{color:#b8b1ff;background:#242836;border-radius:9px;place-items:center;width:32px;height:32px;font-size:12px;font-weight:700;display:grid}.admin-info{flex:1;min-width:0}.admin-name{color:#cdd2db;font-size:11px;font-weight:600}.admin-role{color:#626a77;margin-top:2px;font-size:10px}.more-button{color:#5e6674;cursor:pointer;letter-spacing:2px;background:0 0;border:0}.main-content{background:radial-gradient(circle at 75% 0,#6d5dfc12,#0000 28%),#090b10;flex:1;min-width:0}.topbar{border-bottom:1px solid #1a1f28;justify-content:space-between;align-items:center;min-height:94px;padding:22px 38px;display:flex}.breadcrumb{color:#555d6c;letter-spacing:.13em;margin-bottom:7px;font-size:9px;font-weight:700}.topbar h1{color:#eef0f5;letter-spacing:-.02em;margin:0;font-size:22px;font-weight:650}.topbar-actions{align-items:center;gap:12px;display:flex}.icon-button{color:#858d9c;cursor:pointer;background:#10131a;border:1px solid #202632;border-radius:9px;width:36px;height:36px;position:relative}.notification-dot{background:#6d5dfc;border-radius:50%;width:4px;height:4px;position:absolute;top:7px;right:8px}.server-pill{color:#858d9c;background:#10131a;border:1px solid #202632;border-radius:9px;align-items:center;gap:8px;padding:8px 11px;font-size:11px;display:flex}.page-content{max-width:1440px;margin:0 auto;padding:34px 38px 50px}.welcome{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.eyebrow,.panel-kicker{color:#6d5dfc;letter-spacing:.14em;margin:0 0 8px;font-size:9px;font-weight:750}.welcome h2{color:#f1f3f7;letter-spacing:-.025em;margin:0;font-size:25px;font-weight:600}.welcome-text{color:#687180;margin-top:7px;font-size:12px}.primary-button{color:#fff;cursor:pointer;background:#6d5dfc;border:0;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:650;transition:transform .15s,background .15s;box-shadow:0 7px 22px #6d5dfc2e}.primary-button:hover{background:#7a6cff;transform:translateY(-1px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:13px;display:grid}.stat-card,.panel-card{background:#0f1218;border:1px solid #1d222c;border-radius:11px}.stat-card{padding:19px}.stat-label{color:#687180;font-size:10px}.stat-value{color:#f0f2f6;letter-spacing:-.03em;margin-top:9px;font-size:25px;font-weight:650}.stat-detail{color:#4f5764;margin-top:4px;font-size:9px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.panel-card{padding:20px}.panel-header{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.panel-header h3{color:#e9ecf2;margin:0;font-size:15px;font-weight:600}.text-button{color:#7770dc;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.node-row{border-top:1px solid #1a1f28;align-items:center;gap:12px;padding:13px 0;display:flex}.node-icon{color:#938aff;background:#17162a;border:1px solid #2b2a43;border-radius:9px;place-items:center;width:34px;height:34px;font-size:9px;font-weight:700;display:grid}.node-details{flex-direction:column;flex:1;min-width:0;display:flex}.node-details strong{color:#cbd0d9;font-size:11px;font-weight:600}.node-details span{color:#555e6c;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;overflow:hidden}.node-state{color:#69c99c;align-items:center;gap:7px;font-size:9px;display:flex}.node-state.muted{color:#555d69}.disabled-node{opacity:.65}.activity-item{border-top:1px solid #1a1f28;align-items:center;gap:11px;padding:13px 0;display:flex}.activity-icon{color:#777f8d;background:#151821;border:1px solid #292e39;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:11px;display:grid}.activity-icon.success{color:#4bd397;background:#111a15;border-color:#203a2e}.activity-item>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.activity-item strong{color:#c6cbd4;font-size:10px;font-weight:600}.activity-item span{color:#565e6c;margin-top:3px;font-size:9px}.activity-item time{color:#4e5662;font-size:9px}.full-card{min-height:360px}.table-placeholder{border:1px solid #1a1f28;border-radius:9px;overflow:hidden}.table-header,.table-row{grid-template-columns:2fr 1fr 1fr 1fr .8fr;align-items:center;gap:12px;padding:13px 15px;display:grid}.table-header{color:#505865;letter-spacing:.1em;background:#12151c;font-size:8px;font-weight:700}.table-row{color:#8a929f;border-top:1px solid #1a1f28;font-size:10px}.table-row>div:first-child{flex-direction:column;display:flex}.table-row strong{color:#d0d4dc;font-size:11px}.table-row span{color:#555e6b;margin-top:3px;font-size:9px}.table-action{color:#8981e7;cursor:pointer;background:#141820;border:1px solid #292e39;border-radius:7px;padding:6px 9px;font-size:9px}.badge{border-radius:999px;align-items:center;width:fit-content;padding:4px 7px;font-size:8px;font-weight:650;display:inline-flex}.success-badge{color:#54d497;background:#12251b}.muted-badge{color:#646d7b;background:#181c24}.nodes-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.node-card{background:#11141a;border:1px solid #1c222b;border-radius:10px;padding:18px}.node-card-active{border-color:#2a2b45;box-shadow:inset 0 1px #6d5dfc14}.node-card-top{justify-content:space-between;align-items:center;display:flex}.large-node-icon{color:#8d84ff;background:#17162a;border-radius:10px;place-items:center;width:38px;height:38px;font-size:19px;display:grid}.node-card h4{color:#d9dde5;margin:18px 0 5px;font-size:13px;font-weight:600}.node-card p{color:#59616e;margin:0;font-size:9px}.node-card-footer{color:#555e6b;border-top:1px solid #1d222c;justify-content:space-between;margin-top:23px;padding-top:12px;font-size:8px;display:flex}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{color:#8e85ff;background:#17162a;border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:14px;font-size:20px;display:grid}.empty-state h3{color:#dfe2e8;margin:0;font-size:16px}.empty-state p{color:#5b6370;margin:7px 0 18px;font-size:10px}.log-entry{color:#8a929e;border-top:1px solid #1a1f28;grid-template-columns:90px 48px 1fr;align-items:center;gap:12px;padding:13px 0;font-size:10px;display:grid}.log-time{color:#4e5663;font-family:ui-monospace,monospace}.log-level{font-size:8px;font-weight:700}.log-level.info{color:#8b84e9}.log-level.success{color:#54d497}@media (width<=1050px){.sidebar{width:210px}.page-content,.topbar{padding-inline:24px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.sidebar{width:68px;padding-inline:9px}.brand{justify-content:center;padding:0}.brand>div:not(.brand-mark),.nav-label,.nav-item span:not(.nav-icon),.sidebar-bottom .connection-status,.admin-info,.more-button{display:none}.nav-item{justify-content:center;padding:12px 0}.admin-card{justify-content:center;padding-inline:0}.dashboard-grid,.nodes-grid{grid-template-columns:1fr}}@media (width<=560px){.topbar{min-height:78px;padding:16px}.page-content{padding:22px 16px 35px}.welcome{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:14px}.stat-value{font-size:21px}.server-pill{display:none}.table-placeholder{overflow-x:auto}.table-header,.table-row{min-width:600px}}.auth-screen{background:radial-gradient(circle at 50% 30%,#6d5dfc1f,#0000 38%),#090b10;justify-content:center;align-items:center;min-height:100svh;padding:24px;display:flex;position:relative;overflow:hidden}.auth-background-glow{filter:blur(80px);pointer-events:none;background:#6d5dfc0f;border-radius:50%;width:600px;height:600px;position:absolute}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f1219f0;border:1px solid #20242e;border-radius:18px;width:min(440px,100%);padding:42px;position:relative;box-shadow:0 30px 80px #0006}.login-brand{align-items:center;gap:13px;margin-bottom:46px;display:flex}.auth-brand-mark{color:#fff;background:linear-gradient(135deg,#6d5dfc,#8b7fff);border-radius:12px;place-items:center;width:44px;height:44px;font-size:21px;font-weight:800;display:grid;box-shadow:0 8px 28px #6d5dfc4d}.login-heading{margin-bottom:30px}.login-heading h1{color:#f3f4f6;letter-spacing:-.8px;margin:7px 0 10px;font-size:32px;line-height:1.15}.login-heading p:last-child{color:#7d8493;font-size:14px}.login-form{flex-direction:column;gap:19px;display:flex}.login-form label{flex-direction:column;gap:8px;display:flex}.login-form label>span{color:#c9cdd6;font-size:13px;font-weight:600}.login-form input{color:#f3f4f6;background:#0b0e14;border:1px solid #282d38;border-radius:9px;outline:none;width:100%;height:48px;padding:0 14px;transition:border-color .15s,box-shadow .15s}.login-form input::placeholder{color:#4f5664}.login-form input:focus{border-color:#6d5dfc;box-shadow:0 0 0 3px #6d5dfc1f}.login-form input:disabled{opacity:.65}.login-error{color:#fca5a5;background:#ef444414;border:1px solid #ef444440;border-radius:8px;align-items:center;gap:9px;padding:11px 12px;font-size:13px;display:flex}.login-error span{background:#ef444433;border-radius:50%;flex:none;place-items:center;width:19px;height:19px;font-size:12px;font-weight:700;display:grid}.login-button{justify-content:center;width:100%;height:48px;margin-top:3px}.login-button:disabled{cursor:wait;opacity:.75}.button-spinner,.auth-spinner{border:2px solid #ffffff40;border-top-color:#fff;border-radius:50%;animation:.7s linear infinite auth-spin;display:inline-block}.button-spinner{width:16px;height:16px}.auth-spinner{width:24px;height:24px}.auth-loading{color:#7d8493;flex-direction:column;align-items:center;gap:18px;font-size:13px;display:flex;position:relative}.login-footer{color:#505765;justify-content:center;align-items:center;gap:7px;margin-top:28px;font-size:11px;display:flex}@keyframes auth-spin{to{transform:rotate(360deg)}}@media (width<=560px){.login-card{border-radius:14px;padding:30px 22px}.login-brand{margin-bottom:36px}}.users-header{margin-bottom:14px}.users-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.users-search{color:#cbd0d9;background:#10131a;border:1px solid #1f2530;border-radius:8px;outline:none;width:260px;padding:9px 11px;font-size:10px}.users-search::placeholder{color:#4f5764}.users-search:focus{border-color:#39364f}.users-count{color:#505865;font-size:9px}.users-empty{text-align:center;color:#555e6b;padding:34px 15px;font-size:10px}.users-error{color:#d87886;background:#1b1115;border:1px solid #3b2228;border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:9px}.table-action:disabled{opacity:.4;cursor:default}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#030509c7;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-card{background:#0e1117;border:1px solid #252b36;border-radius:12px;width:min(430px,100%);padding:20px;box-shadow:0 24px 80px #00000073}.vpn-modal{width:min(470px,100%)}.modal-header{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-header h3{margin:3px 0 0}.modal-close{color:#626b79;cursor:pointer;background:0 0;border:0;font-size:22px;line-height:1}.modal-close:hover{color:#b6bdc8}.form-label{color:#7d8694;letter-spacing:.04em;flex-direction:column;gap:7px;margin-bottom:15px;font-size:9px;font-weight:600;display:flex}.form-input{color:#d0d5dd;background:#11151c;border:1px solid #202631;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:10px}.form-input:focus{border-color:#4a456d}.form-input:disabled{opacity:.55}.modal-error{margin-top:4px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:22px;display:flex}.secondary-button{color:#858e9c;cursor:pointer;background:#141820;border:1px solid #292f3a;border-radius:7px;padding:8px 12px;font-size:9px}.secondary-button:hover{color:#b0b7c2;border-color:#373e4b}.primary-button:disabled,.secondary-button:disabled{opacity:.5;cursor:default}.vpn-status-line{color:#8c95a3;align-items:center;gap:7px;margin-bottom:18px;font-size:10px;display:flex}.status-dot-muted{opacity:.3}.vpn-details-grid{background:#1d222b;border:1px solid #1d222b;border-radius:9px;grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.vpn-details-grid>div{background:#11141b;flex-direction:column;gap:5px;padding:12px;display:flex}.vpn-details-grid span,.vpn-traffic-row span{color:#505865;letter-spacing:.1em;font-size:7px;font-weight:700}.vpn-details-grid strong,.vpn-traffic-row strong{color:#c4cad3;font-size:10px;font-weight:600}.vpn-traffic-row{background:#1d222b;border:1px solid #1d222b;border-radius:9px;grid-template-columns:1fr 1fr;gap:1px;margin-top:12px;display:grid;overflow:hidden}.vpn-traffic-row>div{background:#11141b;flex-direction:column;gap:5px;padding:12px;display:flex}@media (width<=700px){.users-toolbar{flex-direction:column;align-items:stretch}.users-search{width:100%}.table-header,.table-row{grid-template-columns:1.8fr 1fr .9fr}.table-header span:nth-child(4),.table-header span:nth-child(5),.table-row>div:nth-child(4),.table-row>button{display:none}}.vpn-refreshing{color:#5d6673;margin-left:5px;font-size:8px}.vpn-qr-section{flex-direction:column;align-items:center;margin-top:18px;display:flex}.vpn-qr-box{background:#fff;border-radius:10px;justify-content:center;align-items:center;width:190px;height:190px;padding:10px;display:flex}.vpn-qr-box img{width:170px;height:170px;display:block}.vpn-qr-hint{color:#555e6b;margin-top:9px;font-size:8px}.vpn-link-section{margin-top:18px}.vpn-link-label{color:#505865;letter-spacing:.1em;margin-bottom:7px;font-size:7px;font-weight:700;display:block}.vpn-link-box{background:#0a0d12;border:1px solid #1d222b;border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex}.vpn-link-box code{color:#747d8b;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:monospace;font-size:7px;overflow:hidden}.vpn-traffic-title{color:#505865;letter-spacing:.1em;margin-top:18px;margin-bottom:7px;font-size:7px;font-weight:700}.vpn-traffic-row{grid-template-columns:1fr 1fr 1fr}.vpn-modal-actions{flex-wrap:wrap}.danger-button{color:#d87886;cursor:pointer;background:#171015;border:1px solid #40242b;border-radius:7px;padding:8px 12px;font-size:9px}.danger-button:hover{color:#ec8b99;background:#211219;border-color:#63313b}.danger-button:disabled{opacity:.5;cursor:default}.danger-button-solid{background:#30151c;border-color:#65303b}.danger-button-solid:hover{background:#3b1921}.delete-modal{width:min(400px,100%)}.delete-warning{background:#160f13;border:1px solid #332027;border-radius:9px;flex-direction:column;gap:9px;padding:13px;display:flex}.delete-warning strong{color:#d9aab1;font-size:11px}.delete-warning span{color:#71606a;font-size:9px;line-height:1.5}.activity-icon.danger{color:#d87886;background:#241419}.node-card-info{background:#1d222b;border:1px solid #1d222b;border-radius:7px;grid-template-columns:1fr 1fr;gap:1px;margin-top:16px;display:grid;overflow:hidden}.node-card-info>div{background:#11141b;flex-direction:column;gap:5px;padding:9px;display:flex}.node-card-info span{color:#505865;letter-spacing:.08em;font-size:7px;font-weight:700}.node-card-info strong{color:#8c95a3;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:500;overflow:hidden}.nodes-add-placeholder{background:#0c0f14;border:1px dashed #202631;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;margin-top:18px;padding:14px 15px;display:flex}.nodes-add-placeholder>div{flex-direction:column;gap:5px;display:flex}.nodes-add-placeholder strong{color:#7f8794;font-size:10px}.nodes-add-placeholder span{color:#4f5764;font-size:8px}.nodes-add-placeholder button:disabled{opacity:.45;cursor:default}.nodes-empty-state{text-align:center;padding:45px 15px}.nodes-empty-state h3{color:#8c95a3;margin:12px 0 6px;font-size:12px}.nodes-empty-state p{color:#505865;margin:0;font-size:9px}.nodes-header-actions{align-items:center;gap:8px;display:flex}.node-create-modal{width:min(470px,100%)}.nodes-count{color:#505865;text-transform:uppercase;letter-spacing:.08em;font-size:8px}@media (width<=600px){.nodes-header-actions{flex-wrap:wrap}.nodes-add-placeholder{flex-direction:column;align-items:flex-start}}.node-manage-button{color:#697281;cursor:pointer;background:0 0;border:0;padding:0;font-size:8px}.node-manage-button:hover{color:#aeb5c0}.node-manage-status{color:#8c95a3;align-items:center;gap:7px;margin-bottom:18px;font-size:10px;display:flex}.node-details-grid{margin-top:0}.node-management-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.node-manage-modal{width:min(470px,100%)}.delete-modal-backdrop{z-index:120}@media (width<=600px){.node-management-actions{flex-direction:column}.node-management-actions button{width:100%}}.subscriptions-table-header,.subscriptions-table-row{grid-template-columns:1.1fr 1.25fr .8fr 1.7fr 1.15fr}.subscriptions-table-row{min-height:76px}.subscriptions-table-row>div:nth-child(2) strong,.subscriptions-table-row>div:nth-child(2) span{display:block}.subscriptions-table-row>div:nth-child(2) strong{font-size:13px;font-weight:600}.subscriptions-table-row>div:nth-child(2) span{color:var(--text-muted);margin-top:4px;font-size:11px}.subscription-url-cell{min-width:0;overflow:hidden}.subscription-url-cell code{text-overflow:ellipsis;white-space:nowrap;max-width:100%;color:var(--text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:11px;display:block;overflow:hidden}.subscription-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.subscription-user-info{border:1px solid var(--border-color);background:var(--surface-secondary);border-radius:10px;flex-direction:column;gap:5px;margin-bottom:18px;padding:12px 14px;display:flex}.subscription-user-info span{letter-spacing:.08em;color:var(--text-muted);font-size:10px;font-weight:700}.subscription-user-info strong{font-size:14px}.danger-badge{color:#d95f59;background:#d95f591a;border-color:#d95f5933}@media (width<=1100px){.subscriptions-table-header,.subscriptions-table-row{grid-template-columns:1fr 1fr .75fr 1.4fr}.subscriptions-table-header span:nth-child(5),.subscriptions-table-row>div:nth-child(5){display:none}}@media (width<=800px){.subscriptions-table-header{display:none}.subscriptions-table-row{flex-direction:column;align-items:stretch;gap:12px;padding:16px;display:flex}.subscriptions-table-row>div{width:100%}.subscription-url-cell code{white-space:normal;overflow-wrap:anywhere}.subscription-actions{justify-content:flex-start}}.node-live-metrics{gap:9px;margin-top:16px;display:grid}.node-metric{flex-direction:column;gap:5px;display:flex}.node-metric>div:first-child{justify-content:space-between;align-items:center;display:flex}.node-metric span{color:#505865;letter-spacing:.08em;font-size:7px;font-weight:700}.node-metric strong{color:#8c95a3;font-size:8px;font-weight:500}.node-progress{background:#1b2028;border-radius:99px;height:3px;overflow:hidden}.node-progress i{border-radius:inherit;background:#6d5dfc;height:100%;transition:width .25s;display:block}.node-live-info{margin-top:12px}.node-live-info>div{min-width:0}.node-live-unavailable{color:#59616e;text-align:center;background:#0c0f14;border:1px solid #242a33;border-radius:7px;margin-top:16px;padding:12px;font-size:8px}.node-card-footer>span{text-overflow:ellipsis;white-space:nowrap;max-width:65%;overflow:hidden}.danger-action{color:#ff6b6b;border-color:#ff6b6b59}.danger-action:hover{border-color:#ff6b6ba6}.subscription-qr-modal{width:min(460px,100vw - 32px)}.subscription-qr-content{grid-template-columns:minmax(220px,1fr) minmax(280px,1.2fr);align-items:start;gap:18px;padding:10px 0 4px;display:grid}@media (width<=640px){.subscription-qr-content{grid-template-columns:1fr}}.subscription-qr-image{background:#fff;border-radius:14px;width:320px;max-width:100%;height:auto;padding:14px;display:block}.subscription-qr-image--routing{width:360px}.subscription-qr-user{flex-direction:column;align-items:center;gap:4px;display:flex}.subscription-qr-user strong{font-size:18px}.subscription-qr-user span{opacity:.65;font-size:13px}.subscription-qr-link{box-sizing:border-box;width:100%}.subscription-qr-link code{white-space:normal;overflow-wrap:anywhere}.subscription-qr-section{flex-direction:column;align-items:center;gap:14px;width:100%;padding:18px 0;display:flex}.subscription-qr-section+.subscription-qr-section{border-left:1px solid #1a1f28;padding-left:18px}@media (width<=720px){.subscription-qr-section+.subscription-qr-section{border-top:1px solid #1a1f28;border-left:none;padding-top:18px;padding-left:0}}.subscription-qr-label{letter-spacing:.12em;color:#505865;text-transform:uppercase;margin-bottom:4px;font-size:10px;font-weight:700}.subscription-inline-qr-row{grid-template-columns:minmax(220px,1fr) minmax(280px,1.2fr);align-items:start;gap:18px;margin-top:22px;display:grid}@media (width<=640px){.subscription-inline-qr-row{grid-template-columns:1fr}}.subscription-inline-qr{flex-direction:column;align-items:center;gap:10px;display:flex}.subscription-inline-qr .vpn-link-label{align-self:flex-start}.subscription-inline-qr-image{box-sizing:border-box;background:#fff;border-radius:14px;width:240px;height:240px;padding:12px;display:block}.subscription-inline-qr-image--routing{width:360px;height:360px}.subscription-inline-qr-loading{opacity:.6;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:240px;height:80px;display:flex}.subscription-qr-modal,.vpn-modal{width:100%;max-width:720px;max-height:90vh;overflow:hidden auto}