.account-page-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:210px;border:1px solid rgba(148,163,184,.18);border-radius:22px;color:#94a3b8;background:rgba(15,23,42,.62);font-size:.75rem}
.account-load-error{display:grid;place-items:center;gap:12px;min-height:190px;border:1px solid rgba(251,113,133,.3);border-radius:22px;color:#fecdd3;background:rgba(136,19,55,.14)}.account-load-error button{padding:9px 16px;border:1px solid rgba(251,113,133,.35);border-radius:11px;color:#fff;background:rgba(225,29,72,.22);font-weight:900}
.account-license-card{position:relative;overflow:hidden;padding:20px;border:1px solid rgba(168,85,247,.4);border-radius:25px;color:#fff;background:linear-gradient(135deg,#172554 0%,#31145a 52%,#17112f 100%);box-shadow:0 22px 45px -25px rgba(168,85,247,.72)}.account-license-card.is-expired{border-color:rgba(251,113,133,.48);background:linear-gradient(135deg,#3f172a,#30164b,#17112f)}.account-license-card.is-disabled{filter:saturate(.65)}.account-license-glow{position:absolute;inset:-45% auto auto -20%;width:220px;height:220px;border-radius:50%;background:#c026d330;filter:blur(30px);pointer-events:none}.account-license-card>header{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px}.account-license-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.25);border-radius:17px;color:#fff;background:linear-gradient(145deg,#22d3ee,#a855f7);box-shadow:0 10px 25px -10px #22d3ee}.account-license-card header>div{display:grid;gap:2px}.account-license-card header small{color:#c4b5fd;font-size:.58rem;font-weight:850}.account-license-card h3{margin:0;font-size:1rem;font-weight:950}.account-license-card header p{margin:0;color:rgba(255,255,255,.68);font-size:.62rem}.account-license-card header em{padding:5px 8px;border:1px solid rgba(52,211,153,.35);border-radius:999px;color:#6ee7b7;background:rgba(5,150,105,.18);font-size:.54rem;font-style:normal;font-weight:950}.account-license-card.is-expired header em{border-color:#fb718566;color:#fecdd3;background:#be123c2b}.account-code-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(2,6,23,.42)}.account-code-row>div{display:grid;gap:3px;min-width:0}.account-code-row small{color:#9ca3af;font-size:.52rem}.account-code-row code{overflow:hidden;color:#e9d5ff;font-size:.73rem;font-weight:900;text-overflow:ellipsis;white-space:nowrap}.account-code-row button{display:flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid rgba(196,181,253,.25);border-radius:10px;color:#ddd6fe;background:rgba(124,58,237,.2);font-size:.58rem;font-weight:900}.account-countdown{position:relative;display:grid;place-items:center;gap:4px;margin-top:12px;padding:14px;border:1px solid rgba(52,211,153,.18);border-radius:17px;background:rgba(2,6,23,.48);text-align:center}.account-countdown small{color:#94a3b8;font-size:.57rem}.account-countdown strong{color:#6ee7b7;font-size:.84rem}.account-countdown span{color:#7c8ba3;font-size:.52rem}.account-countdown.is-expired strong{color:#fda4af}.account-renew-button{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;min-height:47px;margin-top:12px;padding:0 14px;border:0;border-radius:14px;color:#fff;background:linear-gradient(100deg,#06b6d4,#8b5cf6,#d946ef);box-shadow:0 12px 30px -16px #22d3ee;font-size:.72rem}.account-renew-button b{text-align:center}.account-renew-button:active{transform:scale(.98)}
.account-display-card,.account-session-card{padding:18px;border:1px solid rgba(59,130,246,.32);border-radius:22px;background:linear-gradient(145deg,rgba(30,58,138,.38),rgba(30,41,59,.88));box-shadow:0 15px 32px -26px #0ea5e9}.account-display-card>header,.account-session-card>header{display:flex;align-items:center;gap:10px}.account-display-card header>span,.account-session-card header>span{display:grid;place-items:center;width:41px;height:41px;border:1px solid rgba(34,211,238,.24);border-radius:13px;color:#22d3ee;background:rgba(8,145,178,.15)}.account-display-card header>div,.account-session-card header>div{display:grid;gap:2px}.account-display-card h3,.account-session-card h3{margin:0;color:#f8fafc;font-size:.82rem}.account-display-card header p,.account-session-card header p{margin:0;color:#94a3b8;font-size:.56rem}.account-display-card>div{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:13px;border-radius:14px;background:rgba(2,6,23,.35)}.account-display-card strong{font-size:.78rem}.account-display-card>div>span{color:#67e8f9;font-size:.63rem}.account-session-card>header>i{margin-right:auto;padding:4px 8px;border-radius:999px;color:#6ee7b7;background:#10b9811f;font-size:.52rem;font-style:normal;font-weight:900}.account-session-card dl{display:grid;gap:8px;margin:14px 0 0}.account-session-card dl>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 12px;border-radius:13px;background:rgba(2,6,23,.35)}.account-session-card dt{color:#94a3b8;font-size:.59rem}.account-session-card dd{max-width:68%;margin:0;overflow:hidden;color:#e2e8f0;font-size:.65rem;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.account-logout-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:49px;border:1px solid rgba(251,113,133,.3);border-radius:16px;color:#fb7185;background:rgba(159,18,57,.15);font-size:.72rem;font-weight:950}
html[data-mode=light] .account-license-card,html[data-mode=light] .account-license-card *{color:#fff!important}html[data-mode=light] .account-license-card .account-countdown strong{color:#6ee7b7!important}html[data-mode=light] .account-license-card header em{color:#6ee7b7!important}html[data-mode=light] .account-display-card,html[data-mode=light] .account-session-card{border-color:#93c5fd;background:linear-gradient(145deg,#fff,#eff6ff);box-shadow:0 10px 24px rgba(15,23,42,.08)}html[data-mode=light] .account-display-card h3,html[data-mode=light] .account-session-card h3{color:#0f172a!important}html[data-mode=light] .account-display-card>div,html[data-mode=light] .account-session-card dl>div{background:#eaf2ff}html[data-mode=light] .account-display-card strong,html[data-mode=light] .account-session-card dd{color:#172033!important}
.account-edit-reseller{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;min-height:42px;margin-top:10px;border:1px solid rgba(125,211,252,.24);border-radius:13px;color:#bae6fd;background:rgba(14,116,144,.14);font-size:.62rem;font-weight:900}
.settings-current-plan-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:13px;width:100%;min-height:112px;padding:17px;overflow:hidden;border:1px solid rgba(34,211,238,.34);border-radius:23px;color:#fff;background:radial-gradient(circle at 8% 15%,rgba(34,211,238,.24),transparent 34%),linear-gradient(125deg,#0b2440,#172554 55%,#35135d);box-shadow:0 18px 42px -27px #22d3ee;text-align:right}.settings-current-plan-card:active{transform:scale(.985)}.settings-plan-icon{display:grid;place-items:center;width:52px;height:52px;border:1px solid rgba(255,255,255,.24);border-radius:17px;color:#071225;background:linear-gradient(145deg,#67e8f9,#a78bfa);box-shadow:0 12px 24px -12px #22d3ee}.settings-plan-copy{display:grid;gap:2px;min-width:0}.settings-plan-copy small{color:#a5f3fc;font-size:.53rem;font-weight:900}.settings-plan-copy b{overflow:hidden;font-size:.84rem;text-overflow:ellipsis;white-space:nowrap}.settings-plan-copy strong{color:#6ee7b7;font-size:.67rem}.settings-plan-copy em{color:#a9b8d1;font-size:.51rem;font-style:normal}.settings-plan-action{display:grid;gap:3px;justify-items:center;color:#e9d5ff;font-size:.54rem;font-weight:900}.settings-plan-action i{font-size:1rem;font-style:normal}.settings-plan-loading,.settings-plan-error{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:8px;color:#cbd5e1;font-size:.66rem;font-weight:850}.settings-plan-error{color:#fecdd3}.account-plan-limits{position:relative;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px;margin-top:10px}.account-plan-limits>div{display:grid;gap:4px;padding:10px 7px;border:1px solid rgba(255,255,255,.09);border-radius:13px;background:rgba(2,6,23,.34);text-align:center}.account-plan-limits small{color:#94a3b8;font-size:.48rem}.account-plan-limits b{color:#e0f2fe;font-size:.57rem}
html[data-mode=light] .settings-current-plan-card,html[data-mode=light] .settings-current-plan-card *{color:#fff!important}html[data-mode=light] .settings-plan-copy strong{color:#6ee7b7!important}
@media(max-width:420px){.account-license-card{padding:16px}.account-license-card>header{grid-template-columns:auto 1fr}.account-license-card header em{grid-column:2}.account-license-icon{width:47px;height:47px}.account-countdown strong{font-size:.75rem}.account-session-card dd{max-width:62%}}
