/* Account theme: preserve all data, controls and permissions from the workspace. */
.account-glass{--bg:#101115;--bg-soft:#15131b;--panel:#ffffff03;--panel-2:#ffffff06;--line:#c5a3dd17;--line-strong:#c5a3dd30;--text:#f3edf8;--muted:#b2a6be;--muted-2:#94869f;--brand-1:#b08acb;--brand-2:#c3a0dd;--brand-3:#8d6baa;--brand:#c3a0dd;--grad:linear-gradient(115deg,#8f65ad,#5e4278);--grad-soft:linear-gradient(135deg,#9464b525,#6f4e8e10);--ring:0 0 0 3px #ad7bd830;--glow:0 0 35px #8f4dc525;font-family:Roboto,"Segoe UI",sans-serif;font-weight:400;background:linear-gradient(#0b0c12ed,#0b0c12ed),url('../img/city-background.webp?rev=small2') center/cover fixed;isolation:isolate}
.account-glass::before{content:"";position:fixed;inset:-5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 0 20%,#9d58d326,transparent 55%),radial-gradient(ellipse at 100% 80%,#7357c424,transparent 55%);animation:account-light 26s ease-in-out infinite alternate}
.account-glass .app{background:transparent;gap:24px;padding:24px;grid-template-columns:235px minmax(0,1fr);overflow:visible}
.account-glass .side{top:24px;height:calc(100dvh - 48px);padding:28px 15px 18px;border:1px solid #ffffff0b;border-radius:25px;background:linear-gradient(145deg,#2b2532eb,#1a191ff2);box-shadow:inset 0 1px 1px #ffffff10,0 16px 45px #0002;backdrop-filter:blur(22px)}
.account-glass .workspace-brand{margin:0 10px 30px;font-weight:500;font-size:17px;gap:11px}
.account-glass .workspace-brand img{filter:grayscale(1) brightness(1.5)}
.account-glass .workspace-brand small{font-weight:400;font-size:8px;letter-spacing:1.1px;color:#96879f}
.account-glass .side__home{font-weight:400;color:#a99bb7;font-size:13px;padding:10px 12px;margin-bottom:15px}
.account-glass .side__nav{gap:7px}
.account-glass .side__item{font-weight:400;font-size:14px;border-radius:13px;padding:13px 14px;color:#b7abc3;border:1px solid transparent;transition:background .2s,color .2s}
.account-glass .side__item svg{width:19px;height:19px;color:#a98ac0;flex-shrink:0}
.account-glass .side__item:hover{background:#b58ad310;color:#f5ebff}
.account-glass .side__item.is-active{background:linear-gradient(110deg,#73508959,#4f385b22);border-color:#b38ace24;color:#f3e7ff;box-shadow:inset 3px 0 #b58bd6;font-weight:500}
.account-glass .side__item.is-active svg{color:#d6b8eb}
.account-glass .side__bottom{border-top:1px solid var(--line);padding-top:14px}
.account-glass .main{padding:8px 8px 32px;min-width:0;max-width:1500px;width:100%;margin-inline:auto}
.account-glass .acc-hero{padding:10px 4px 18px;margin-bottom:20px;border-color:#ffffff0b}
.account-glass .acc-hero h1{font-size:32px;font-weight:500;letter-spacing:-1px}
.account-glass .acc-hero .meta{font-size:13px;color:var(--muted);margin-top:9px}
.account-glass h2,.account-glass h3,.account-glass strong{font-weight:500}
.account-glass .pane__title{font-weight:500;font-size:30px;letter-spacing:-.8px}
.account-glass .card,.account-glass .loader-config-card,.account-glass .loader-import,.account-glass .subscription-list,.account-glass .loader-config-empty{border:1px solid #ffffff0b;border-radius:23px;background:radial-gradient(ellipse at 0 0,#71528d18,transparent 65%),linear-gradient(145deg,#29242fe8,#1c1c20ee);box-shadow:inset 0 1px 1px #ffffff0b,0 12px 35px #0001}
.account-glass .account-metrics{gap:16px}
.account-glass .account-metric{position:relative;min-height:132px;padding:24px;display:flex;flex-direction:column;justify-content:center;gap:14px;border-radius:21px}
.account-glass .account-metric .stat__k{font-size:13px;font-weight:400;color:#b1a3bf;letter-spacing:0;text-transform:none}
.account-glass .account-metric strong{font-size:21px;font-weight:500;letter-spacing:-.4px;line-height:1.3;overflow-wrap:anywhere}
.account-glass .account-metric:first-child strong{font-size:30px;color:#dbc3ec}
.account-glass .account-actions{border:0;border-radius:0;background:none;box-shadow:none;padding:0;margin:22px 0 34px;gap:12px;flex-wrap:wrap}
.account-glass .btn{font-family:Roboto,"Segoe UI",sans-serif;font-weight:500;font-size:14px;letter-spacing:0;text-transform:none;border-radius:13px;min-height:46px;border:1px solid #b794cd26;background:linear-gradient(135deg,#3a304580,#28222f);color:#eee5f7;box-shadow:inset 0 1px 1px #ffffff0b;transition:background .2s,border-color .2s}
.account-glass .btn:hover{border-color:#bf96dd60;background:#45344e}
.account-glass .btn--primary{background:var(--grad);color:#f7efff;border-color:#b28bc94d;box-shadow:0 6px 24px #8f4dc51b,inset 0 1px 1px #ffffff26}
.account-glass .btn--primary:hover{background:linear-gradient(115deg,#a075bf,#70518b)}
.account-glass .btn--ghost{background:#ffffff03;border-color:#ffffff10;color:#c5b7d2}
.account-glass .btn:disabled{opacity:.45;cursor:not-allowed}
.account-glass .subscription-heading h2{font-size:27px;font-weight:500;letter-spacing:-.6px}
.account-glass .subscription-row{padding:24px;gap:20px}
.account-glass .subscription-row__name strong{font-weight:500}
.account-glass .subscription-row__mark{background:#9e71bc12;border:1px solid #ba91d22b;border-radius:12px;color:#c6a5de}
.account-glass .subscription-empty{padding:32px;color:var(--muted);font-size:14px}
.account-glass .input,.account-glass select,.account-glass textarea{font-family:Roboto,"Segoe UI",sans-serif;background:#14111999;border:1px solid #c4a2df20;border-radius:12px;color:#f3ecf9;box-shadow:inset 0 1px 3px #0002;color-scheme:dark}
.account-glass .input:focus,.account-glass select:focus,.account-glass textarea:focus{border-color:#b18bc678;box-shadow:0 0 0 3px #ad7bd820;outline:none}
.account-glass .input::placeholder{color:#84788f}
.account-glass .field label{font-weight:500;text-transform:none;letter-spacing:0;font-size:13px;color:#cbbdd6}
.account-glass .seg{background:#14111970;border-color:var(--line);border-radius:13px}
.account-glass .seg button{font-weight:500;border-radius:10px;color:#bfb0ce}
.account-glass .seg button.is-active,.account-glass .seg button[aria-selected=true]{background:#86609f40;color:#f4e9fc;box-shadow:inset 0 0 0 1px #b58bd640}
.account-glass .modal{background:#08060dbb;backdrop-filter:blur(12px)}
.account-glass .modal__card{background:radial-gradient(ellipse at 0 0,#71528d22,transparent 65%),linear-gradient(145deg,#2a2531,#1b1b20);border-radius:26px;box-shadow:0 30px 90px #0006}
.account-glass .modal h3{font-weight:500;letter-spacing:-.6px}
.account-glass .ref-dashboard{--ref-accent:#c3a0dd}
.account-glass .ref-dashboard .ref-rate{font-weight:500}
.account-glass .ref-dashboard .ref-stats strong,.account-glass .finance-stats strong{font-weight:500}
.account-glass .ref-dashboard .ref-share .btn,.account-glass .finance-dashboard .btn{font-size:13px;letter-spacing:0}
.account-glass .ref-dashboard .ref-stat__symbol{color:#c3a0dd;border-color:#b68bd52b;background:#9b6abd0a}
.account-glass .finance-stats .card:first-child{background:transparent;border:0;box-shadow:none}
.account-glass .config-tabs,.account-glass .admin-tabs{gap:10px}
.account-glass .config-tabs button,.account-glass .admin-tab{font-family:Roboto,"Segoe UI",sans-serif;font-weight:500;border-color:var(--line);border-radius:12px}
.account-glass .config-tabs button[aria-selected=true],.account-glass .admin-tab.is-active{background:#9464b525;color:#d6b8eb;border-color:#b58bd644}
.account-glass .loader-config-icon{border-color:#b58bd62b;background:#9464b512;color:#c3a0dd}
.account-glass .loader-config-card h3{font-weight:500}
.account-glass .badge{font-weight:500;letter-spacing:0}
.account-glass .plan__title{font-weight:500}
.account-glass .plan__logo--rage{background:#121016;color:#ffff35;border:1px solid #ffffff0b;box-shadow:none}
.account-glass .admin-table th,.account-glass .finance-table th{font-weight:500;letter-spacing:.03em;color:#a89ab6}
.account-glass button:focus-visible,.account-glass a:focus-visible{outline:2px solid #c3a0dd;outline-offset:4px}
@keyframes account-light{from{transform:translate3d(-2%,-1%,0)}to{transform:translate3d(3%,3%,0)}}
@media(max-width:1200px){.account-glass .app{gap:20px;grid-template-columns:215px minmax(0,1fr);padding:20px}.account-glass .account-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.account-glass .side{top:20px;height:calc(100dvh - 40px)}.account-glass .main{padding:4px 0 24px}}
@media(max-width:800px){.account-glass .app{grid-template-columns:minmax(0,1fr);padding:16px;gap:20px}.account-glass .side{position:relative;top:0;height:auto;padding:20px;border-radius:22px;gap:15px}.account-glass .workspace-brand{margin:0 auto 0 0}.account-glass .side__home{margin:0}.account-glass .side__nav{gap:6px}.account-glass .side__item{width:auto;padding:11px 13px;font-size:13px}.account-glass .side__bottom{flex-direction:row;width:100%;gap:12px;padding-top:12px}.account-glass .acc-hero{padding:6px 4px 16px}.account-glass .main{padding:0 0 25px}.account-glass .account-metric{padding:20px;min-height:115px}}
@media(max-width:480px){.account-glass .app{padding:12px}.account-glass .side{padding:17px}.account-glass .account-metrics{gap:10px}.account-glass .account-metric{padding:16px;min-height:108px;border-radius:17px}.account-glass .account-metric strong{font-size:17px}.account-glass .account-metric:first-child strong{font-size:25px}.account-glass .account-actions .btn{flex:1 1 140px;font-size:13px}.account-glass .acc-hero h1{font-size:27px}.account-glass .btn{font-size:13px}}
@media(prefers-reduced-motion:reduce){.account-glass::before{animation:none}.account-glass .btn,.account-glass .side__item{transition:none}}
.account-glass .account-metric strong{max-width:100%;overflow-wrap:normal;word-break:normal}

/* Main dashboard: wallet, account status and dedicated subscription workspace. */
.account-glass .dashboard-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:4px 0 30px}
.dashboard-eyebrow{display:block;font-size:10px;letter-spacing:1.8px;color:#a48ab7;margin-bottom:12px}
.dashboard-heading h2{font-size:36px;letter-spacing:-1px;line-height:1.2;margin:0 0 12px}.dashboard-heading p{font-size:14px;color:#a99ab6}.dashboard-label{font-size:9px;letter-spacing:1.4px;color:#756680;padding-bottom:5px}
.dashboard-top{display:grid;grid-template-columns:1fr 1.25fr;gap:22px;margin-bottom:24px}
.account-glass .dashboard-wallet{padding:28px 30px;background:radial-gradient(ellipse at 0 0,#9b6bbb25,transparent 70%),linear-gradient(125deg,#37283fdd,#231d2a);position:relative;overflow:hidden}
.dashboard-wallet::after{content:"K";position:absolute;right:20px;top:35px;font-size:185px;line-height:1;font-weight:500;color:#c69ce406;pointer-events:none}
.dashboard-wallet-top{display:flex;align-items:center;justify-content:space-between;color:#cfb9df;font-size:14px}.dashboard-wallet-top svg{color:#aa85c2}.dashboard-wallet>strong{display:block;font-size:49px;font-weight:500;letter-spacing:-2px;margin:19px 0 9px;line-height:1.2}.dashboard-wallet>p{color:#b4a0c1;font-size:12px;margin-bottom:25px}.dashboard-wallet>.btn{position:relative;z-index:1;min-width:180px}
.account-glass .dashboard-profile{padding:27px 30px}.dashboard-panel-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.dashboard-panel-title h3{font-size:18px;letter-spacing:-.3px}.dashboard-panel-title>span{font-size:9px;letter-spacing:1.5px;color:#8a7896}
.dashboard-status-list{margin:22px 0 20px}.dashboard-status-list>div{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #ffffff08;font-size:13px}.dashboard-status-list>div>span{color:#a79aB3}.dashboard-status-list strong{font-size:14px;font-weight:500;text-align:right;color:#e6daee}.dashboard-status-list .is-ok strong{color:#bbd6c5}.dashboard-status-list .is-danger strong{color:var(--danger)}.dashboard-profile>.btn{min-height:38px;font-size:12px;padding-inline:16px}
.account-glass .dashboard-subscriptions{padding:28px 30px;margin-bottom:22px}.dashboard-subscriptions .subscription-heading{margin:0 0 23px;align-items:center}.dashboard-subscriptions .subscription-heading h2{font-size:24px;letter-spacing:-.6px}.dashboard-subscriptions .dashboard-eyebrow{font-size:9px;margin-bottom:10px}.dashboard-subscriptions .subscription-list{background:#110e1766;box-shadow:none;border-color:#ffffff07;border-radius:14px}.dashboard-subscriptions .subscription-empty{padding:36px 24px;font-size:13px;line-height:1.8;text-align:center}.dashboard-subscriptions .subscription-download{margin-top:20px}.dashboard-subscriptions .subscription-download:has(button[hidden]){display:none}
.dashboard-shortcuts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-shortcut{display:flex;align-items:center;gap:17px;padding:22px;border:1px solid #ffffff0c;border-radius:18px;background:#28212f77;color:#dfd1e9;text-align:left;font-family:Roboto,sans-serif;cursor:pointer;transition:background .2s,border-color .2s}.dashboard-shortcut:hover{background:#3e2d4b77;border-color:#bf96dd44}.dashboard-shortcut-icon{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:11px;background:#a479c212;color:#c4a4da;font-size:23px}.dashboard-shortcut>span:nth-child(2){flex:1}.dashboard-shortcut strong{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.dashboard-shortcut small{display:block;color:#9785a4;font-size:12px}.dashboard-shortcut>span:last-child{font-size:20px;color:#b797c9}
@media(max-width:1000px){.dashboard-top{grid-template-columns:1fr 1fr;gap:16px}.account-glass .dashboard-wallet,.account-glass .dashboard-profile,.account-glass .dashboard-subscriptions{padding:25px}.dashboard-label{display:none}.dashboard-shortcuts{gap:16px}.dashboard-shortcut{padding:18px;gap:12px}}
@media(max-width:650px){.dashboard-top,.dashboard-shortcuts{grid-template-columns:1fr}.dashboard-heading h2{font-size:30px}.dashboard-heading p{font-size:13px}.dashboard-subscriptions .subscription-heading{align-items:flex-start;gap:19px}.dashboard-wallet>strong{font-size:43px}.account-glass .main{padding-bottom:90px}.dashboard-status-list>div{gap:12px}.dashboard-status-list strong{font-size:13px}}

/* Compact management profile settings. */
.account-glass .profile-settings{padding:30px}
.account-glass .profile-settings>h3{margin:0 0 22px;font-size:17px;font-weight:500}
.account-glass .profile-settings__row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-radius:17px;background:#ffffff03;margin-top:12px}
.account-glass .profile-settings__row h4{margin:0 0 9px;font-size:17px;font-weight:500;color:var(--text)}
.account-glass .profile-settings__row p{margin:0;max-width:610px;font-size:13px;line-height:1.6;color:var(--muted)}
.account-glass .profile-settings__row .btn{flex-shrink:0;white-space:nowrap}
.account-glass .profile-settings__row--danger{background:transparent}
.account-glass .profile-settings__row--danger .btn{color:#dba9b5;background:#be65710a;border:1px solid #c57b8d25}
@media(max-width:700px){.account-glass .profile-settings{padding:23px}.account-glass .profile-settings__row{align-items:flex-start;flex-direction:column;padding:20px;gap:18px}}

/* Identity heading is reserved for the home and management panes. */
.account-glass .main:not(:has(> .pane.is-active[data-pane="account"],> .pane.is-active[data-pane="management"]))>.acc-hero{display:none}