.panel-shell{--panel-bg:#f4f8fc;--panel-card:#fff;--panel-text:#102b46;--panel-muted:#6c7f92;--panel-line:#deebf4;--panel-blue:#0878f9;background:var(--panel-bg);min-height:100vh;color:var(--panel-text);grid-template-columns:260px 1fr;display:grid}.panel-sidebar{border-left:1px solid var(--panel-line);z-index:40;background:#fff;flex-direction:column;width:260px;padding:0 18px 18px;display:flex;position:fixed;top:0;bottom:0;right:0}.sidebar-brand{border-bottom:1px solid #e8f0f6;align-items:center;height:82px;display:flex}.sidebar-brand img{width:145px;height:auto}.sidebar-close{display:none}.sidebar-user{background:#f3f8fc;border-radius:15px;align-items:center;gap:.7rem;margin:1.25rem 0;padding:.85rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(145deg,#0878f9,#08bdd1);border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.sidebar-user>div{gap:.18rem;display:grid}.sidebar-user strong{font-size:.79rem}.sidebar-user div span{color:#12906c;align-items:center;gap:.25rem;font-size:.65rem;display:flex}.panel-nav{gap:.32rem;display:grid}.nav-caption{color:#94a5b4;margin:.25rem .7rem .4rem;font-size:.65rem;font-weight:700}.nav-caption.secondary{margin-top:1rem}.panel-nav button,.panel-nav>a{color:#536a7f;cursor:pointer;text-align:right;background:0 0;border:0;border-radius:11px;align-items:center;gap:.75rem;width:100%;height:44px;padding:0 .8rem;font-size:.79rem;font-weight:700;display:flex}.panel-nav button:hover,.panel-nav>a:hover{color:#1769bb;background:#f2f7fb}.panel-nav button.active{color:#0872e9;background:#eaf4ff}.panel-nav button b{color:#0872e9;background:#d7ebff;border-radius:7px;place-items:center;min-width:21px;height:21px;margin-right:auto;font-size:.65rem;display:grid}.sidebar-help{background:linear-gradient(145deg,#f8fcff,#eff8ff);border:1px solid #dce9f3;border-radius:15px;align-items:center;gap:.65rem;margin-top:auto;padding:.8rem;display:flex}.sidebar-help>span{color:#0878f9;background:#dff2ff;border-radius:11px;place-items:center;width:36px;height:36px;display:grid}.sidebar-help>div{display:grid}.sidebar-help strong{font-size:.73rem}.sidebar-help p{color:#748698;margin:.12rem 0 0;font-size:.63rem}.sidebar-help button{color:#6c8398;background:0 0;border:0;margin-right:auto}.panel-main{grid-column:2;min-width:0}.panel-topbar{border-bottom:1px solid var(--panel-line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffd9;justify-content:flex-end;align-items:center;height:82px;padding:0 max(28px,50% - 620px);display:flex;position:sticky;top:0}.topbar-actions{align-items:center;gap:.7rem;display:flex}.icon-button{color:#405c75;background:#fff;border:1px solid #dbe8f2;border-radius:12px;place-items:center;width:42px;height:42px;display:grid;position:relative}.icon-button i{background:#f05a65;border:2px solid #fff;border-radius:50%;width:7px;height:7px;position:absolute;top:8px;right:8px}.quick-buy{color:#fff;background:#0878f9;border:0;border-radius:11px;align-items:center;gap:.45rem;height:42px;padding:0 .85rem;font-size:.74rem;font-weight:800;display:none}.mobile-menu-trigger,.mobile-logo{display:none}.panel-content{width:min(1180px,100% - 56px);margin:0 auto;padding:36px 0 70px}.panel-page-heading{justify-content:space-between;align-items:center;margin-bottom:1.7rem;display:flex}.panel-page-heading h1{letter-spacing:-.035em;margin:0;font-size:1.65rem}.panel-page-heading p{color:var(--panel-muted);margin:.35rem 0 0;font-size:.82rem}.desktop-buy{color:#fff;background:#0878f9;border:0;border-radius:12px;align-items:center;gap:.5rem;height:44px;padding:0 1rem;font-size:.78rem;font-weight:850;display:flex;box-shadow:0 8px 20px #0878f92e}.summary-grid{grid-template-columns:1.15fr 1fr 1fr;gap:1rem;display:grid}.wallet-summary,.stat-card{border:1px solid var(--panel-line);background:#fff;border-radius:19px;padding:1.25rem;box-shadow:0 8px 28px #1f496c0a}.summary-top{justify-content:space-between;align-items:center;display:flex}.summary-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.summary-icon.blue{color:#0878f9;background:#e9f4ff}.summary-icon.cyan{color:#069eb5;background:#e7fafd}.summary-icon.green{color:#0c9c70;background:#eafaf4}.status-chip{color:#0b8b65;background:#eafaf4;border-radius:99px;padding:.3rem .55rem;font-size:.64rem;font-weight:800}.summary-grid article>p{color:#718497;margin:1rem 0 .35rem;font-size:.72rem}.summary-grid h2{margin:0;font-size:1.55rem}.summary-grid h2 small{color:#728699;font-size:.7rem}.wallet-summary button{color:#0878f9;background:0 0;border:0;align-items:center;gap:.35rem;margin-top:1rem;padding:0;font-size:.72rem;font-weight:850;display:flex}.stat-card a{color:#0878f9;cursor:pointer;align-items:center;gap:.3rem;font-size:.66rem;display:flex}.period{color:#8999a8;font-size:.66rem}.stat-note{color:#718497;margin-top:1rem;font-size:.67rem;display:block}.stat-note.positive{color:#0d916a;align-items:center;gap:.25rem;display:flex}.dashboard-grid{grid-template-columns:1.65fr .75fr;gap:1rem;margin-top:1rem;display:grid}.content-card{border:1px solid var(--panel-line);background:#fff;border-radius:19px;box-shadow:0 8px 28px #1f496c0a}.active-services,.quick-actions,.transaction-card{padding:1.2rem}.card-heading{justify-content:space-between;align-items:center;margin-bottom:.8rem;display:flex}.card-heading h2{margin:0;font-size:.96rem}.card-heading p{color:#8595a4;margin:.25rem 0 0;font-size:.66rem}.card-heading button{color:#0878f9;background:0 0;border:0;align-items:center;gap:.35rem;font-size:.68rem;font-weight:800;display:flex}.service-row{border-top:1px solid #e8f0f6;grid-template-columns:auto 1fr auto;align-items:center;gap:.8rem;padding:1rem 0;display:grid}.service-status{position:relative}.service-status>span{color:#0878f9;background:#eaf5ff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.service-status i{background:#11b780;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;bottom:-1px;left:-1px}.service-title{align-items:center;gap:.5rem;display:flex}.service-title strong{font-size:.79rem}.service-title b{color:#0878f9;direction:ltr;background:#edf7ff;border-radius:6px;padding:.22rem .42rem;font-size:.58rem}.service-main p{color:#7a8c9d;margin:.23rem 0;font-size:.65rem}.usage-line{align-items:center;gap:.55rem;margin-top:.55rem;display:flex}.usage-line>div{background:#eaf1f6;border-radius:99px;width:130px;height:5px;overflow:hidden}.usage-line>div span{border-radius:inherit;background:linear-gradient(90deg,#08bdd1,#0878f9);height:100%;display:block}.usage-line small{color:#6f8497;font-size:.6rem}.service-actions{gap:.4rem;display:flex}.service-actions button{color:#38566f;background:#fff;border:1px solid #d9e7f2;border-radius:9px;align-items:center;gap:.35rem;height:34px;padding:0 .65rem;font-size:.64rem;font-weight:750;display:flex}.quick-actions .card-heading{margin-bottom:.45rem}.quick-actions>button{text-align:right;background:#fff;border:0;border-top:1px solid #e8f0f6;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;width:100%;padding:.75rem 0;display:grid}.quick-icon{color:#0878f9;background:#edf7ff;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.quick-actions button div{gap:.12rem;display:grid}.quick-actions button strong{font-size:.71rem}.quick-actions button small{color:#8494a4;font-size:.59rem}.quick-actions button>svg{color:#8ca0b1}.transaction-card{margin-top:1rem}.transactions{display:grid}.transaction-row{border-top:1px solid #e9f0f6;grid-template-columns:auto 1fr auto;align-items:center;gap:.65rem;padding:.75rem 0;display:grid}.transaction-icon{border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.transaction-icon.income{color:#0a956b;background:#eafaf4}.transaction-icon.cost{color:#e2752e;background:#fff3e9}.transaction-row>div{display:grid}.transaction-row strong{font-size:.72rem}.transaction-row small{color:#8495a4;font-size:.61rem}.transaction-row>b{direction:ltr;font-size:.7rem}.transaction-row>b.income{color:#0a956b}.transaction-row>b.cost{color:#536c82}.toast-message{z-index:100;color:#fff;background:#123b5c;border-radius:12px;align-items:center;gap:.55rem;padding:.8rem 1rem;font-size:.75rem;font-weight:750;display:flex;position:fixed;bottom:24px;left:24px;box-shadow:0 14px 35px #0e335240}.service-cards-page{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.full-service-card{border:1px solid var(--panel-line);background:#fff;border-radius:19px;padding:1.4rem}.service-card-top{justify-content:space-between;align-items:center;display:flex}.big-service-icon{color:#0878f9;background:#eaf5ff;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.service-card-top>div{color:#0b8e68;align-items:center;gap:.35rem;font-size:.67rem;font-weight:800;display:flex}.online-dot{background:#0fb27f;border-radius:50%;width:7px;height:7px}.full-service-card h2{margin:1.1rem 0 .35rem;font-size:1rem}.full-service-card>p{color:#74889b;margin:0;font-size:.68rem}.full-service-card>p b{color:#0878f9;direction:ltr}.large-progress{background:#eaf1f6;border-radius:99px;height:7px;margin:1.2rem 0 .55rem;overflow:hidden}.large-progress span{border-radius:inherit;background:linear-gradient(90deg,#08bdd1,#0878f9);height:100%;display:block}.service-usage{color:#768a9c;justify-content:space-between;font-size:.67rem;display:flex}.service-usage strong{color:#213f58}.full-service-actions{gap:.5rem;margin-top:1rem;display:flex}.full-service-actions button{color:#31516c;background:#fff;border:1px solid #d9e7f2;border-radius:10px;align-items:center;gap:.4rem;height:37px;padding:0 .7rem;font-size:.66rem;font-weight:800;display:flex}.wallet-hero{color:#fff;background:linear-gradient(120deg,#0866da,#0799df);border-radius:21px;justify-content:space-between;align-items:center;min-height:190px;padding:2rem;display:flex}.wallet-hero span{color:#c9e7ff;font-size:.72rem}.wallet-hero h2{margin:.6rem 0;font-size:2rem}.wallet-hero h2 small{font-size:.75rem}.wallet-hero p{color:#d9edff;margin:0;font-size:.72rem}.wallet-hero button{color:#0870df;background:#fff;border:0;border-radius:12px;align-items:center;gap:.45rem;height:44px;padding:0 1rem;font-size:.72rem;font-weight:850;display:flex}.shop-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}.shop-card{border:1px solid var(--panel-line);background:#fff;border-radius:20px;padding:1.5rem;position:relative;overflow:hidden}.shop-card.featured{color:#fff;background:linear-gradient(140deg,#075fcf,#078deb);border-color:#0000}.shop-tag{background:#ffffff29;border-radius:99px;padding:.32rem .55rem;font-size:.61rem;position:absolute;top:1rem;left:1rem}.shop-icon{color:#0878f9;background:#eaf5ff;border-radius:14px;place-items:center;width:46px;height:46px;display:grid}.featured .shop-icon{color:#0878f9;background:#fff}.shop-card h2{text-align:right;direction:ltr;margin:1rem 0 .5rem;font-size:1.05rem}.shop-card p{color:#74889a;min-height:42px;margin:0;font-size:.71rem;line-height:1.8}.shop-card.featured p{color:#dcecff}.shop-card ul{gap:.5rem;margin:1rem 0;padding:0;list-style:none;display:grid}.shop-card li{align-items:center;gap:.4rem;font-size:.68rem;display:flex}.package-sample{color:#6e8395;background:#f4f8fb;border-radius:11px;justify-content:space-between;align-items:center;margin:1.1rem 0;padding:.75rem;font-size:.65rem;display:flex}.shop-card>button{color:#fff;background:#0878f9;border:0;border-radius:11px;justify-content:center;align-items:center;gap:.45rem;width:100%;height:40px;font-size:.7rem;font-weight:850;display:flex}.shop-card.featured>button{color:#0870df;background:#fff}.support-grid{grid-template-columns:1.3fr .7fr;gap:1rem;display:grid}.new-ticket,.faq-card,.settings-card{padding:1.5rem}.large-help{color:#0878f9;background:#eaf5ff;border-radius:15px;place-items:center;width:52px;height:52px;display:grid}.new-ticket h2{margin:1rem 0 .35rem;font-size:1.05rem}.new-ticket>p{color:#728699;margin:0 0 1.2rem;font-size:.71rem}.new-ticket label,.settings-card label{color:#38536a;gap:.4rem;margin-top:.8rem;font-size:.68rem;font-weight:750;display:grid}.new-ticket input,.new-ticket textarea,.settings-card input,.settings-card select{color:#18364f;background:#fbfdff;border:1px solid #d9e7f2;border-radius:11px;outline:none;width:100%;padding:.75rem}.new-ticket textarea{resize:vertical}.new-ticket>button,.settings-card>button{color:#fff;background:#0878f9;border:0;border-radius:11px;height:41px;margin-top:1rem;padding:0 1rem;font-size:.7rem;font-weight:850}.faq-card h2{margin:0 0 1rem;font-size:1rem}.faq-card button{color:#405d74;text-align:right;background:#fff;border:0;border-top:1px solid #e8f0f6;justify-content:space-between;align-items:center;width:100%;padding:.9rem 0;font-size:.68rem;display:flex}.settings-avatar{color:#fff;background:linear-gradient(145deg,#0878f9,#08bdd1);border-radius:18px;place-items:center;width:64px;height:64px;font-size:1.4rem;font-weight:900;display:grid}.form-grid{grid-template-columns:repeat(2,1fr);gap:0 1rem;display:grid}.settings-card{max-width:800px}.settings-card input:disabled{color:#8999a7;background:#f2f5f7}.panel-overlay{display:none}@media (max-width:980px){.panel-shell{grid-template-columns:1fr}.panel-sidebar{transition:transform .25s;transform:translate(110%);box-shadow:-20px 0 50px #0e304c26}.panel-sidebar.is-open{transform:translate(0)}.sidebar-close{border:1px solid var(--panel-line);background:#fff;border-radius:10px;place-items:center;width:36px;height:36px;margin-right:auto;display:grid}.panel-overlay{z-index:35;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#071f3547;border:0;display:block;position:fixed;inset:0}.panel-main{grid-column:1}.panel-topbar{justify-content:space-between;padding:0 22px}.mobile-menu-trigger{border:1px solid var(--panel-line);color:#254661;background:#fff;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.mobile-logo{margin-right:12px;display:block}.mobile-logo img{width:120px;height:auto}.topbar-actions{margin-right:auto}.quick-buy{display:flex}.summary-grid{grid-template-columns:repeat(2,1fr)}.wallet-summary{grid-column:span 2}.dashboard-grid{grid-template-columns:1fr}.quick-actions{display:none}}@media (max-width:640px){.panel-topbar{height:70px;padding:0 14px}.mobile-logo{display:none}.panel-content{width:calc(100% - 28px);padding:26px 0 50px}.panel-page-heading{align-items:flex-start}.panel-page-heading h1{font-size:1.35rem}.panel-page-heading p{font-size:.72rem;line-height:1.7}.desktop-buy{display:none}.summary-grid{grid-template-columns:1fr}.wallet-summary{grid-column:auto}.dashboard-grid{margin-top:.8rem}.content-card{border-radius:16px}.service-row{grid-template-columns:auto 1fr}.service-actions{grid-column:1/-1;justify-content:flex-end}.transaction-row{grid-template-columns:auto 1fr}.transaction-row>b{grid-column:2}.service-cards-page,.shop-grid,.support-grid,.form-grid{grid-template-columns:1fr}.wallet-hero{flex-direction:column;align-items:flex-start;gap:1.2rem;padding:1.4rem}.wallet-hero button{justify-content:center;width:100%}.shop-card p{min-height:auto}.toast-message{justify-content:center;bottom:14px;left:14px;right:14px}.quick-buy{justify-content:center;width:42px;padding:0;font-size:0}.quick-buy svg{margin:0}.panel-sidebar{width:min(290px,84vw)}}.store-filter{border:1px solid var(--panel-line);background:#fff;border-radius:15px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.store-filter>span{color:#647b8e;font-size:.72rem;font-weight:800}.store-filter>div{gap:.35rem;display:flex;overflow-x:auto}.store-filter button{color:#637a8e;white-space:nowrap;background:0 0;border:0;border-radius:9px;height:34px;padding:0 .7rem;font-size:.68rem;font-weight:800}.store-filter button.active{color:#0878f9;background:#eaf4ff}.shop-protocol{color:#0878f9;direction:ltr;background:#edf7ff;border-radius:7px;width:fit-content;margin-top:1rem;padding:.25rem .45rem;font-size:.62rem;font-weight:850}.featured .shop-protocol{color:#fff;background:#ffffff26}.plan-price-customer{align-items:baseline;gap:.35rem;margin:1rem 0;display:flex}.plan-price-customer strong{font-size:1.2rem}.plan-price-customer small{color:#72879a;font-size:.65rem}.featured .plan-price-customer small{color:#d7ebff}.store-state{color:#6d8295;background:#fff;border:1px dashed #ccdce8;border-radius:16px;grid-column:1/-1;justify-content:center;align-items:center;gap:.5rem;min-height:120px;font-size:.75rem;display:flex}.store-state.error{color:#b94a53;background:#fff5f5;border-color:#f0c7ca;margin-bottom:1rem}.shop-skeleton{border:1px solid var(--panel-line);background:#fff;border-radius:20px;min-height:320px;padding:1.5rem}.shop-skeleton i,.shop-skeleton b,.shop-skeleton span,.shop-skeleton button{background:linear-gradient(90deg,#edf2f6,#f7fafc,#edf2f6) 0 0/200% 100%;border:0;border-radius:8px;animation:1.4s infinite shop-loading;display:block}.shop-skeleton i{width:46px;height:46px}.shop-skeleton b{width:45%;height:18px;margin-top:1.4rem}.shop-skeleton span{width:90%;height:12px;margin-top:.8rem}.shop-skeleton span+span{width:65%}.shop-skeleton button{width:100%;height:40px;margin-top:3rem}@keyframes shop-loading{to{background-position:-200% 0}}@media (max-width:640px){.store-filter{flex-direction:column;align-items:flex-start;padding:.7rem}.store-filter>div{width:100%}.store-filter button{flex:none}}.panel-auth-loading{color:#527089;grid-column:1/-1;place-items:center;min-height:100vh;font-size:.85rem;display:grid}.security-settings{border-top:1px solid #e4edf4;margin-top:1.5rem;padding-top:1.4rem}.security-settings h2{margin:0;font-size:1rem}.security-settings>p{color:#74879a;margin:.3rem 0 1rem;font-size:.68rem}.security-settings>button{color:#fff;background:#0878f9;border:0;border-radius:11px;height:41px;margin-top:1rem;padding:0 1rem;font-size:.7rem;font-weight:850}.security-settings>button:disabled{opacity:.6}.settings-error{color:#d84e58;margin-top:.8rem;font-size:.65rem;display:block}.payment-backdrop{z-index:1000;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05142d94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.payment-dialog{text-align:center;background:#fff;border-radius:28px;width:min(480px,100%);padding:30px;position:relative;box-shadow:0 28px 80px #02173a47}.payment-close{color:#334155;cursor:pointer;background:#f1f5f9;border:0;border-radius:12px;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:18px;left:18px}.payment-icon{color:#1167d8;background:linear-gradient(145deg,#e8f2ff,#dbeafe);border-radius:18px;place-items:center;width:58px;height:58px;margin:0 auto 14px;display:grid}.payment-dialog h2{color:#102a4d;margin:0 0 8px;font-size:1.28rem}.payment-dialog>p{color:#64748b;max-width:390px;margin:0 auto 20px;font-size:.9rem;line-height:1.9}.payment-amount{color:#fff;background:linear-gradient(135deg,#0b63ce,#1688ec);border-radius:20px;gap:7px;padding:18px;display:grid}.payment-amount small{opacity:.8}.payment-amount strong{font-size:1.75rem}.payment-amount strong i{font-size:.82rem;font-style:normal;font-weight:500}.payment-amount button,.payment-destination button{cursor:pointer;border:0;border-radius:10px;justify-self:center;align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.payment-amount button{color:#fff;background:#ffffff2e}.payment-destination{border:1px solid #dce7f4;border-radius:18px;gap:6px;margin-top:12px;padding:16px;display:grid;position:relative}.payment-destination span,.payment-destination small{color:#64748b;font-size:.8rem}.payment-destination strong{letter-spacing:1px;color:#102a4d;font-size:1.18rem}.payment-destination button{color:#1269d3;background:#eff6ff;position:absolute;top:10px;left:10px}.payment-meta{color:#64748b;border-bottom:1px dashed #d6e1ee;justify-content:space-between;margin:14px 2px 0;padding:12px 4px;font-size:.85rem;display:flex}.payment-meta b{color:#15365e}.payment-note{background:#f8fafc;border-radius:12px;margin:12px 0!important;padding:10px!important;font-size:.8rem!important}.payment-error{color:#be123c;background:#fff1f2;border-radius:10px;margin-top:12px;padding:10px;font-size:.84rem}.payment-check{color:#fff;cursor:pointer;background:#0d6cda;border:0;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-weight:700}.payment-check:disabled,.shop-card button:disabled{opacity:.65;cursor:wait}@media (max-width:600px){.payment-dialog{border-radius:22px;padding:26px 18px 20px}.payment-amount strong{font-size:1.45rem}}.service-status i.offline{background:#94a3b8}.credential-box{background:#f5f9fc;border-radius:12px;grid-template-columns:auto 1fr;gap:.45rem .8rem;margin-top:1rem;padding:.8rem;font-size:.68rem;display:grid}.credential-box span{color:#73879a}.credential-box b{overflow-wrap:anywhere;text-align:left;color:#183a57}.service-card-top>div.expired{color:#c75059}.service-card-top>div.expired .online-dot{background:#e05d66}.panel-empty{color:#7c8f9f;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-height:120px;display:flex}.panel-empty strong{color:#37536b;font-size:.78rem}.panel-empty span{font-size:.65rem}.panel-empty.full{background:#fff;border:1px dashed #ccdae5;border-radius:18px;grid-column:1/-1}.store-state.error button{color:#fff;background:#b94a53;border:0;border-radius:8px;padding:.4rem .65rem}.service-actions button:disabled,.full-service-actions button:disabled{opacity:.55;cursor:not-allowed}.shop-card.disabled{opacity:.78;border-color:#dce7f2}.shop-tag.coming-soon{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.shop-tag.ready-tag{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;font-weight:800}.shop-tag.ready-tag.wg-tag{color:#4338ca;background:#eef2ff;border:1px solid #c7d2fe}.shop-card button.button-coming-soon:disabled{color:#64748b;opacity:.85;cursor:not-allowed;background:#e2e8f0}.service-protocol-meta{align-items:center;gap:.6rem;margin:.25rem 0 .8rem;display:flex}.protocol-pill{color:#0878f9;background:#edf6ff;border-radius:6px;padding:.2rem .55rem;font-size:.65rem;font-weight:800}.protocol-pill.l2tp{color:#0566d8;background:#eef8ff;border:1px solid #cce5ff}.protocol-pill.wireguard{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.service-protocol-meta small{color:#7b8e9f;font-size:.66rem}.credential-box.l2tp-box{grid-template-columns:1fr;gap:.65rem;padding:.95rem;display:grid}.credential-item{border-bottom:1px dashed #e2ecf5;justify-content:space-between;align-items:center;gap:.5rem;padding-bottom:.45rem;display:flex}.credential-item:last-child{border-bottom:0;padding-bottom:0}.credential-item>span{color:#647b90;font-size:.68rem}.credential-val-box{align-items:center;gap:.4rem;display:flex}.credential-val-box b{color:#102d48;font-size:.76rem}.copy-field-btn{color:#405d76;cursor:pointer;background:#fff;border:1px solid #d3e2ee;border-radius:6px;place-items:center;width:26px;height:26px;transition:all .15s;display:grid}.copy-field-btn:hover{color:#0878f9;background:#edf5fe;border-color:#a4cefb}.service-compatibility-callout{color:#92400e;background:#fffbeb;border:1px solid #fef3c7;border-radius:10px;align-items:flex-start;gap:.45rem;margin-top:.85rem;padding:.65rem .85rem;font-size:.67rem;line-height:1.7;display:flex}.service-compatibility-callout svg{flex-shrink:0;margin-top:.15rem}.service-security-callout{color:#991b1b;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;align-items:flex-start;gap:.45rem;margin-top:.45rem;padding:.55rem .85rem;font-size:.65rem;line-height:1.65;display:flex}.service-security-callout svg{flex-shrink:0;margin-top:.15rem}.tutorial-link-btn{color:#0878f9!important;background:#f0f7ff!important;border-color:#c9e1fa!important}.tutorial-link-btn:hover{background:#e1effe!important}.plan-warning-box{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:9px;margin:.75rem 0;padding:.6rem .8rem;font-size:.67rem;line-height:1.7}.plan-disclaimer-box{color:#475569;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;margin:.75rem 0;padding:.6rem .8rem;font-size:.66rem;line-height:1.65}.credential-box.wireguard-box{background:#f8fbff;border:1px solid #dbeafe;border-radius:14px;flex-direction:column;gap:.85rem;margin:.85rem 0;padding:1.1rem;display:flex}.wireguard-header-line{border-bottom:1px solid #e2edfa;justify-content:space-between;align-items:center;gap:.75rem;padding-bottom:.65rem;display:flex}.wireguard-header-line strong{color:#0e2d52;font-size:.92rem;display:block}.wireguard-header-line p{color:#536b85;margin:.2rem 0 0;font-size:.72rem}.wg-status-badge{color:#07855d;white-space:nowrap;background:#ecfbf5;border:1px solid #b8edd7;border-radius:999px;align-items:center;padding:.25rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.wireguard-quick-controls{flex-wrap:wrap;gap:.6rem;display:flex}.wg-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:.45rem;padding:.55rem .95rem;font-size:.82rem;font-weight:800;transition:all .2s;display:inline-flex}.wg-btn.primary{color:#fff;background:#0878f9}.wg-btn.primary:hover{background:#055cc6}.wg-btn.outline{color:#1a4269;background:#fff;border:1px solid #c7dcf0}.wg-btn.outline:hover{background:#f0f7fe;border-color:#a7c9ec}.service-compatibility-callout.wireguard-callout{color:#3b5a79;background:#f5f9fc;border-color:#dbe7f2}.modal-backdrop{z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a192da6;place-items:center;padding:1.5rem;display:grid;position:fixed;inset:0}.modal-card.qr-modal-card{background:#fff;border:1px solid #dce8f4;border-radius:22px;width:min(440px,100%);animation:.22s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 25px 60px #081e3740}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.qr-modal-card .modal-header{border-bottom:1px solid #edf3f9;justify-content:space-between;align-items:center;padding:1.15rem 1.45rem;display:flex}.qr-modal-card .modal-title-wrap{align-items:center;gap:.65rem;display:flex}.qr-modal-card .modal-title-wrap h3{color:#0b2545;margin:0;font-size:1.05rem;font-weight:850}.qr-modal-card .modal-title-wrap p{color:#63778d;margin:.15rem 0 0;font-size:.74rem}.qr-modal-card .modal-close-btn{color:#4b6279;cursor:pointer;background:#f7fafc;border:1px solid #e1ecf5;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.qr-modal-card .modal-close-btn:hover{color:#0b2545;background:#eef4f9}.qr-modal-body{text-align:center;flex-direction:column;align-items:center;gap:1.1rem;padding:1.45rem;display:flex}.qr-code-frame{background:#fff;border:1px solid #d9e6f2;border-radius:16px;place-items:center;width:280px;height:280px;padding:10px;display:grid;box-shadow:0 8px 24px #0b294712}.qr-image{object-fit:contain;border-radius:8px;width:100%;height:100%}.qr-loading{color:#647d96;font-size:.82rem}.qr-guide-text{color:#3b5773;text-align:right;background:#f6fafe;border:1px solid #deecf8;border-radius:12px;width:100%;padding:.85rem 1rem;font-size:.78rem;line-height:1.7}.qr-guide-text strong{color:#092648;margin-bottom:.25rem;display:block}.qr-modal-actions{gap:.65rem;width:100%;display:flex}.qr-action-btn{cursor:pointer;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:850;transition:all .2s;display:inline-flex}.qr-action-btn.primary{color:#fff;background:#0878f9}.qr-action-btn.primary:hover{background:#055cc6}.qr-action-btn.outline{color:#173b5d;background:#fff;border:1px solid #ccddeb}.qr-action-btn.outline:hover{background:#f1f7fd;border-color:#a5cbeb}