.account-page-shell{max-width:880px;margin:0 auto;padding:32px 20px 64px}.account-back-link{color:var(--discord-blurple,#5865f2);align-items:center;gap:6px;margin-bottom:28px;font-size:14px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.account-back-link:hover{opacity:.9;text-decoration:underline}.account-hero{background:radial-gradient(ellipse 80% 60% at 10% 0%,#5865f22e 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 90% 100%,#57f28714 0%,transparent 50%),color-mix(in srgb,var(--bg-secondary)90%,var(--bg-primary));-webkit-backdrop-filter:blur(14px);border:1px solid #ffffff14;border-radius:20px;margin-bottom:32px;padding:28px 28px 32px;position:relative;overflow:hidden;box-shadow:0 8px 40px #0003}.account-hero-inner{z-index:1;position:relative}.account-hero-kicker{letter-spacing:.12em;text-transform:uppercase;color:#72767d;margin:0 0 10px;font-size:11px;font-weight:700}.account-hero-title{color:var(--text-primary,#fff);letter-spacing:-.02em;margin:0 0 10px;font-size:clamp(26px,4vw,34px);font-weight:800;line-height:1.15}.account-hero-desc{color:var(--text-tertiary,#b9bbbe);max-width:520px;margin:0;font-size:15px;line-height:1.55}.account-loading{color:#72767d;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:220px;padding:48px 24px;font-size:15px;display:flex}.account-loading-spinner{border:3px solid #ffffff14;border-top-color:#5865f2;border-radius:50%;width:40px;height:40px;animation:.75s linear infinite account-spin}@keyframes account-spin{to{transform:rotate(360deg)}}.account-guest-card{text-align:center;background:color-mix(in srgb,var(--bg-secondary)92%,var(--bg-primary));border:1px solid #ffffff12;border-radius:20px;padding:48px 32px;box-shadow:0 4px 24px #0000001f}.account-guest-icon{color:#949cf7;background:linear-gradient(145deg,#5865f233,#5865f20d);border:1px solid #5865f240;border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.account-guest-title{color:var(--text-primary,#fff);margin:0 0 10px;font-size:22px;font-weight:700}.account-guest-text{color:#b9bbbe;max-width:400px;margin:0 auto 24px;font-size:15px;line-height:1.55}.account-guest-cta{background:linear-gradient(#5865f2 0%,#4752c4 100%);border:none;border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 16px #5865f259;color:#fff!important}.account-guest-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px #5865f273}.account-winback{color:#e2e2e5;background:linear-gradient(145deg,#57f2871a,#57f28708);border:1px solid #57f28759;border-radius:16px;margin-bottom:28px;padding:22px 24px}.account-winback-title{color:#57f287;margin:0 0 8px;font-size:15px;font-weight:700}.account-winback-code{letter-spacing:.06em;color:#fff;background:#00000059;border-radius:10px;margin-top:4px;padding:10px 16px;font-size:18px;font-weight:700;display:inline-block}.account-empty{text-align:center;background:#ffffff05;border:1px dashed #ffffff1f;border-radius:18px;padding:48px 28px}.account-empty p{color:#b9bbbe;margin:0 0 20px;font-size:15px;line-height:1.5}.account-sub-card{background:color-mix(in srgb,var(--bg-secondary)94%,#0a0a0b);border:1px solid #ffffff17;border-radius:20px;overflow:hidden;box-shadow:0 8px 40px #00000038}.account-sub-head{background:linear-gradient(#5865f20f 0%,#0000 55%);border-bottom:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 20px;padding:24px 24px 22px;display:flex}.account-sub-head-main{flex:1;min-width:min(100%,240px)}.account-sub-head-actions{flex-direction:column;align-items:flex-end;gap:10px;max-width:220px;display:flex}.account-btn-sync-role{cursor:pointer;color:#e2e2e5;white-space:nowrap;background:#5865f21f;border:1px solid #5865f273;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:600}.account-btn-sync-role:hover:not(:disabled){background:#5865f233;border-color:#5865f299}.account-btn-sync-role:disabled{opacity:.42;cursor:not-allowed;color:#72767d;background:#ffffff0a;border-color:#ffffff14}.account-sub-sync-note{text-align:right;max-width:220px;margin:0;font-size:12px;line-height:1.45}.account-sub-sync-note--ok{color:#57f287}.account-sub-sync-note--err{color:#f87171}.account-sub-title-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px;display:flex}.account-sub-title{letter-spacing:-.02em;color:#fff;text-transform:capitalize;margin:0;font-size:22px;font-weight:800}.account-sub-badge{letter-spacing:.04em;border-radius:100px;padding:5px 10px;font-size:11px;font-weight:800}.account-sub-banner-note{color:#b9bbbe;margin:0 0 10px;font-size:13px;line-height:1.5}.account-sub-banner-note strong{color:#e2e2e5;font-weight:600}.account-sub-banner-warn{color:#faa61a}.account-sub-renew-hint{color:#72767d;margin:0 0 10px;font-size:12px}.account-sub-price-line{flex-wrap:wrap;align-items:baseline;gap:6px 8px;margin:0;display:flex}.account-sub-price{letter-spacing:-.03em;color:#fff;font-variant-numeric:tabular-nums;font-size:28px;font-weight:800}.account-sub-price-sep{color:#72767d;font-size:18px;font-weight:500}.account-sub-interval{color:#b9bbbe;text-transform:capitalize;font-size:15px;font-weight:600}.account-sub-details{background:#00000026;border-bottom:1px solid #ffffff0f;padding:22px 24px}.account-sub-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px 28px;display:grid}.account-sub-label{color:#72767d;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px;font-size:11px;font-weight:700}.account-sub-value{color:#e2e2e5;margin:0;font-size:14px;font-weight:600}.account-sub-distance{color:#faa61a;margin:6px 0 0;font-size:12px}.account-pay-section{padding:22px 24px 24px}.account-pay-section-head{margin-bottom:16px}.account-pay-section-title{letter-spacing:.12em;text-transform:uppercase;color:#72767d;margin:0 0 4px;font-size:11px;font-weight:800}.account-pay-section-desc{color:#72767d;margin:0;font-size:13px;line-height:1.45}.account-pay-list{flex-direction:column;gap:12px;display:flex}.account-pay-row{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:14px;flex-direction:column;gap:14px;padding:16px 18px;display:flex}.account-pay-row-main{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.account-pay-amount-block{min-width:0}.account-pay-amount{letter-spacing:-.02em;color:#fff;font-variant-numeric:tabular-nums;margin:0 0 4px;font-size:20px;font-weight:800}.account-pay-date{color:#72767d;margin:0;font-size:13px}.account-pay-status{letter-spacing:.05em;text-transform:uppercase;border-radius:100px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:800}.account-pay-status--ok{color:#57f287;background:#57f2871f;border:1px solid #57f28740}.account-pay-status--pending{color:#facc15;background:#facc151a;border:1px solid #facc1540}.account-pay-status--refunded{color:#cbd5e1;background:#94a3b81f;border:1px solid #94a3b847}.account-pay-tools{border-top:1px solid #ffffff0f;flex-direction:column;gap:10px;padding-top:4px;display:flex}.account-pay-tools-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;display:grid}@media (max-width:420px){.account-pay-tools-row{grid-template-columns:1fr}}.account-pay-btn{cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;padding:8px 14px;font-family:inherit;font-size:12px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.account-pay-btn:disabled{opacity:.55;cursor:wait}.account-pay-btn-main{color:#e8e9ed;background:#5865f21f;border-color:#5865f280;width:100%;padding:11px 16px;font-size:13px;font-weight:650}.account-pay-btn-main:hover{background:#5865f238;border-color:#5865f2a6}.account-pay-btn-ghost{color:#b9bbbe;background:#ffffff0a;border-color:#ffffff1f;min-width:0;padding:8px 10px}.account-pay-btn-ghost:hover:not(:disabled){color:#e2e2e5;background:#ffffff14;border-color:#ffffff2e}.account-pay-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.account-pay-btn-secondary{color:#949cf7;background:0 0;border:1px solid #5865f259}.account-pay-btn-secondary:hover:not(:disabled){background:#5865f21f}.account-pay-btn-primary{color:#b4baff;background:#5865f233;border:1px solid #5865f24d}.account-pay-btn-primary:hover:not(:disabled){background:#5865f24d}.account-invoice-toast{color:#57f287;background:#57f28714;border:1px solid #57f28738;border-radius:10px;margin:0 0 14px;padding:10px 14px;font-size:13px}.account-invoice-toast--err{color:#f87171;background:#ed42451a;border-color:#ed424540}.account-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:20px;margin-bottom:32px;display:grid}@media (max-width:960px){.account-info-grid{grid-template-columns:1fr}}.account-info-card{background:linear-gradient(165deg,#ffffff0a 0%,transparent 42%),color-mix(in srgb,var(--bg-secondary)93%,#080809);border:1px solid #ffffff14;border-radius:18px;flex-direction:column;min-height:0;transition:border-color .2s,box-shadow .25s,transform .2s;display:flex;overflow:hidden;box-shadow:0 4px 28px #00000038}.account-info-card:hover{border-color:#ffffff1c;box-shadow:0 8px 36px #00000047}.account-info-card-head{align-items:flex-start;gap:14px;padding:20px 20px 0;display:flex}.account-info-card-icon{color:#e2e2e5;border:1px solid #ffffff14;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.account-info-card-icon--plan{color:#c4c8fc;background:linear-gradient(145deg,#5865f259,#5865f214)}.account-info-card-icon--billing{color:#fcd34d;background:linear-gradient(145deg,#faa61a38,#faa61a0f)}.account-info-card-icon--discord{color:#c4c8fc;background:linear-gradient(145deg,#5865f266,#57f2871f)}.account-info-card-head-text{min-width:0;padding-top:2px}.account-info-card-kicker{letter-spacing:.14em;text-transform:uppercase;color:#72767d;margin:0 0 4px;font-size:10px;font-weight:800}.account-info-card-title{color:#fff;letter-spacing:-.02em;margin:0;font-size:16px;font-weight:750;line-height:1.25}.account-info-card-body{flex:auto;min-height:5rem;padding:14px 20px 4px}.account-info-card-text{color:#b9bbbe;margin:0;font-size:13px;line-height:1.6}.account-info-card-bullets{color:#b9bbbe;margin:0;padding:0;font-size:13px;line-height:1.6;list-style:none}.account-info-card-bullets li{margin-bottom:12px;padding-left:16px;position:relative}.account-info-card-bullets li:last-child{margin-bottom:0}.account-info-card-bullets li:before{content:"";background:#5865f2bf;border-radius:50%;width:5px;height:5px;position:absolute;top:.55em;left:0}.account-info-card-bullets a{color:#949cf7;font-weight:600;text-decoration:none}.account-info-card-bullets a:hover{text-decoration:underline}.account-info-card-footer{border-top:1px solid #ffffff0f;flex-direction:column;align-items:stretch;gap:10px;margin-top:auto;padding:16px 20px 20px;display:flex}.account-info-card-footer--split{flex-flow:wrap;align-items:center;gap:10px}.account-info-card-cta{cursor:pointer;color:#e8e9ed;background:#5865f21a;border:1px solid #5865f273;border-radius:11px;justify-content:center;align-items:center;width:100%;padding:11px 16px;font-size:13px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,transform .12s;display:inline-flex}.account-info-card-cta:hover:not(:disabled){background:#5865f233;border-color:#5865f299}.account-info-card-cta:active:not(:disabled){transform:scale(.99)}.account-info-card-cta:disabled{opacity:.65;cursor:wait}button.account-info-card-cta{font-family:inherit}.account-info-card-cta--quiet{color:#b9bbbe;background:#ffffff0a;border-color:#ffffff1f;flex:auto;width:auto;min-width:0;padding:10px 14px;font-weight:600}.account-info-card-cta--quiet:hover{color:#e2e2e5;background:#ffffff14;border-color:#ffffff29}.account-info-card-note{text-align:center;margin:0;font-size:12px;line-height:1.45}.account-info-card-note--ok{color:#57f287}.account-info-card-note--err{color:#ed4245}.account-pay-wrap{border:1px solid #ffffff0f;border-radius:12px;overflow:hidden}.account-btn-cancel{color:#f87171;cursor:pointer;background:0 0;border:1px solid #f8717166;border-radius:10px;flex-shrink:0;padding:10px 16px;font-size:13px;font-weight:650;transition:background .15s,border-color .15s}.account-btn-cancel:hover:not(:disabled){background:#f871711a;border-color:#f871718c}.account-btn-cancel:disabled{opacity:.65;cursor:not-allowed}.account-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000c7;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.account-modal{background:#111113;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:26px;box-shadow:0 24px 64px #00000073}@media (max-width:520px){.account-hero{padding:22px 20px 26px}.account-sub-head,.account-sub-grid{padding:18px}}.account-sub-plan-kicker{text-transform:uppercase;letter-spacing:.08em;color:#72767d;margin:0 0 10px;font-size:11px;font-weight:700}.account-subscriptions-stack{flex-direction:column;gap:24px;display:flex}.account-sub-card--grouped{flex-direction:column;display:flex}.account-sub-history{border-top:1px solid #ffffff0f}.account-sub-history-summary{cursor:pointer;color:#b9bbbe;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:13px;font-weight:600;list-style:none;display:flex}.account-sub-history-summary::-webkit-details-marker{display:none}.account-sub-history-summary:after{content:"";border-bottom:2px solid #72767d;border-right:2px solid #72767d;flex-shrink:0;width:.45em;height:.45em;transition:transform .2s;transform:rotate(45deg)}details[open]>.account-sub-history-summary:after{transform:rotate(-135deg)}.account-sub-history-count{color:#e2e2e5;background:#ffffff0f;border-radius:100px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.account-sub-history-list{flex-direction:column;gap:16px;padding:0 20px 20px;display:flex}.account-sub-history-item{background:#00000059;border:1px solid #ffffff0f;border-radius:14px;padding:14px 16px}.account-sub-history-item-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;display:flex}.account-sub-badge--sm{padding:3px 8px;font-size:10px}.account-sub-history-price{color:#e2e2e5;font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.account-sub-history-meta{color:#72767d;margin:0 0 12px;font-size:12px;line-height:1.45}.account-pay-section--compact{padding:0}.account-pay-section--compact .account-pay-list{gap:8px}.account-pay-section--compact .account-pay-row{padding:12px 14px}