/* 配色、背景和玻璃导航来自 src/skin/skin.css；仅用于后台独立预览。 */
:root{--skin-bg:#eef0fb;--skin-ink:#262a4a;--skin-muted:#5a5f7e;--skin-primary:#7c3aed;--skin-cyan:#22d3ee;--skin-glass:rgba(255,255,255,.55);--skin-glass-strong:rgba(255,255,255,.85);--skin-topbar:linear-gradient(100deg,#f3efff 0%,#edf9ff 48%,#fff3fb 100%);--skin-line:rgba(139,92,246,.14);--skin-shadow:0 8px 28px rgba(70,60,150,.14)}
body[data-variant=A],body[data-variant=B],body[data-variant=C]{--bg:var(--skin-bg);--panel:var(--skin-glass-strong);--line:var(--skin-line);--text:var(--skin-ink);--muted:var(--skin-muted);--gold:var(--skin-primary);--soft:rgba(139,92,246,.08);--sidebar:rgba(255,255,255,.44);--green:#059669;--nav-text:var(--skin-muted);--nav-muted:#8385a8;--nav-active:var(--skin-primary);--nav-soft:rgba(255,255,255,.75);--shadow:var(--skin-shadow)}
body{background:radial-gradient(720px 420px at 4% -6%,rgba(139,92,246,.28),transparent 58%),radial-gradient(640px 380px at 30% 8%,rgba(34,211,238,.18),transparent 55%),radial-gradient(760px 420px at 72% 2%,rgba(236,72,153,.14),transparent 55%),radial-gradient(760px 560px at 50% 120%,rgba(34,211,238,.12),transparent 60%),var(--skin-bg);background-attachment:fixed}
aside,body[data-variant=B] aside,body[data-variant=C] aside{background:linear-gradient(160deg,rgba(255,255,255,.62),rgba(255,255,255,.3));border-right:1px solid rgba(255,255,255,.8);backdrop-filter:blur(24px) saturate(145%);box-shadow:5px 0 30px rgba(70,60,150,.04)}
.brand{display:flex;align-items:center;gap:10px;padding:0 7px;font-size:24px;letter-spacing:.7px;color:var(--skin-ink)}.brand img{width:45px;height:45px;object-fit:contain;border-radius:12px}.brand small{font-size:9px;color:var(--skin-muted);letter-spacing:2px;margin-top:6px}.profile{border-color:var(--skin-line)}.profile .avatar{background:linear-gradient(135deg,#ede5ff,#dbf4ff);color:var(--skin-primary);border:1px solid #fff}.profile b{color:var(--skin-ink)}
nav button{background:linear-gradient(112deg,rgba(255,255,255,.68) 0 18%,rgba(255,255,255,.2) 33%,transparent 52% 70%,rgba(220,243,255,.28) 100%),linear-gradient(135deg,#ffffff94,#ffffff2e 52%,#d2e5ff33);border:1px solid rgba(255,255,255,.82);border-radius:24px;box-shadow:inset 0 1px 1px #fffffff5,inset 0 -2px 3px #8b5cf61a,0 6px 18px #463c9610;backdrop-filter:blur(22px) saturate(145%)}
nav button:hover{background:rgba(255,255,255,.86);border-color:rgba(139,92,246,.25)}nav button.active{background:linear-gradient(135deg,rgba(139,92,246,.18),rgba(34,211,238,.13)),rgba(255,255,255,.65);color:var(--skin-primary);border-color:rgba(139,92,246,.3);box-shadow:inset 0 1px 1px #fff,0 5px 16px rgba(124,58,237,.12)}nav button:nth-child(2) svg{color:#06b6d4}nav button:nth-child(3) svg{color:#f59e0b}nav button:nth-child(4) svg{color:#ec4899}nav button:nth-child(5) svg{color:#10b981}
header{background:var(--skin-topbar);border:1px solid rgba(255,255,255,.7);border-radius:0 0 17px 17px;margin:0 -16px;padding:0 16px;box-shadow:0 7px 20px rgba(70,60,150,.04)}
.panel,body[data-variant=C] .panel,.stat,body[data-variant=B] .stat,body[data-variant=C] .stat,.order-metric,body[data-variant=C] .order-metric{background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.5));border:1px solid rgba(255,255,255,.88);border-radius:16px;backdrop-filter:blur(20px) saturate(130%);box-shadow:inset 0 1px 0 #fff,var(--skin-shadow)}
.panel-title{background:linear-gradient(100deg,rgba(243,239,255,.55),rgba(237,249,255,.4));border-color:var(--skin-line)}.stat strong{color:var(--skin-ink)}.stat em{color:#767a9a}.panel-title h2,.order-panel-heading h2{color:#333358}
button.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:rgba(124,58,237,.3);box-shadow:0 5px 14px rgba(124,58,237,.22);color:#fff}button.primary:hover{background:linear-gradient(135deg,#9b72f7,#8551ee)}button,input,select,textarea{border-color:rgba(139,92,246,.16);background:rgba(255,255,255,.7);border-radius:10px}button:hover{box-shadow:0 4px 12px rgba(70,60,150,.1)}input::placeholder,textarea::placeholder{color:#9295b1}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px rgba(124,58,237,.08)}
.plan{background:rgba(255,255,255,.52);border:1px solid rgba(139,92,246,.12);border-radius:13px}.plan.selected{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(34,211,238,.08)),rgba(255,255,255,.75);border-color:rgba(124,58,237,.38);box-shadow:inset 0 1px 0 #fff,0 5px 16px rgba(124,58,237,.07)}.plan-cost{color:var(--skin-primary)}
.result{background:linear-gradient(145deg,rgba(139,92,246,.07),rgba(34,211,238,.06)),rgba(255,255,255,.48);border:1px dashed rgba(139,92,246,.24);border-radius:13px}.result strong,.recharge-key{color:var(--skin-primary)}.batch-cost{background:rgba(139,92,246,.07);color:var(--skin-primary);border-color:var(--skin-line)}
.balance-banner{background:linear-gradient(110deg,rgba(139,92,246,.12),rgba(34,211,238,.13)),rgba(255,255,255,.67);border:1px solid rgba(255,255,255,.85);backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,var(--skin-shadow)}.balance-banner strong{color:#5843a5}.balance-banner small{color:#655a94}
.toolbar{background:rgba(255,255,255,.35)}th{background:rgba(139,92,246,.04);color:#7a739b;border-color:var(--skin-line)}td{border-color:rgba(139,92,246,.08)}.order-controls{border-color:var(--skin-line)}.dealer-row.selected{background:linear-gradient(110deg,rgba(139,92,246,.09),rgba(34,211,238,.06))}.dealer-row:hover{background:rgba(139,92,246,.05)}.dealer-row.selected td:first-child{box-shadow:inset 3px 0 #8b5cf6}.foot{background:rgba(255,255,255,.18)}
.pill,.order-status.pending{background:rgba(245,158,11,.09);color:#b77919}.pill.used,.order-status.delivered{background:rgba(16,185,129,.09);color:#059669}.pill.void{background:rgba(139,92,246,.06);color:#84809b}.negative{color:#c87161}.order-symbol{background:linear-gradient(135deg,#f0e9ff,#e3f7ff);border-color:var(--skin-line);color:var(--skin-primary)}.order-metric:last-child strong{color:var(--skin-primary)}
.note,.order-notice{background:rgba(255,255,255,.46);border-color:rgba(139,92,246,.12);backdrop-filter:blur(16px)}.order-tabs button.active,.balance-tabs button.active{background:rgba(139,92,246,.09);color:var(--skin-primary)}.order-mode{background:rgba(255,255,255,.55)}.notice-mark{color:#8b5cf6;border-color:#a78bfa}.order-customer>span{background:linear-gradient(135deg,#ede5ff,#e4f7ff);color:#7c3aed}
dialog{background:linear-gradient(145deg,rgba(250,247,255,.96),rgba(243,251,255,.96));border:1px solid #fff;backdrop-filter:blur(24px);box-shadow:0 22px 65px rgba(70,60,150,.22)}dialog::backdrop{background:rgba(67,55,117,.25);backdrop-filter:blur(5px)}.toast{background:rgba(255,255,255,.92);border-color:var(--skin-line);border-left:3px solid var(--skin-primary);box-shadow:var(--skin-shadow)}.switcher{background:rgba(255,255,255,.84);border-color:#ffffffd9;box-shadow:0 8px 26px rgba(70,60,150,.15)}.switcher span{color:#86809f}.switcher button{color:#6c6488}.switcher button.on{background:rgba(139,92,246,.12);color:var(--skin-primary)}
@media(max-width:600px){.brand{padding:0 3px;font-size:23px}.brand img{width:38px;height:38px}.brand small{display:none}header{margin:0 -6px;padding:0 6px}.panel,.stat,.order-metric{backdrop-filter:blur(14px)}}

/* 增强通透度与玻璃边缘高光，保留正文和表格的对比度。 */
.panel,body[data-variant=C] .panel,.stat,body[data-variant=B] .stat,body[data-variant=C] .stat,.order-metric,body[data-variant=C] .order-metric{
 background:linear-gradient(122deg,rgba(255,255,255,.69),rgba(255,255,255,.29) 46%,rgba(235,249,255,.35));
 border:1px solid rgba(255,255,255,.93);
 backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);
 box-shadow:inset 0 1px 2px rgba(255,255,255,.98),inset 1px 0 1px rgba(255,255,255,.7),inset 0 -1px 2px rgba(140,128,197,.14),0 12px 32px rgba(70,60,150,.13),0 1px 3px rgba(70,60,150,.06);
}
aside,body[data-variant=B] aside,body[data-variant=C] aside{
 background:linear-gradient(135deg,rgba(255,255,255,.62),rgba(255,255,255,.23));
 backdrop-filter:blur(30px) saturate(160%);-webkit-backdrop-filter:blur(30px) saturate(160%);
 box-shadow:inset -1px 0 2px #fff,8px 0 28px rgba(70,60,150,.05);
}
nav button{
 background:linear-gradient(116deg,rgba(255,255,255,.84) 0%,rgba(255,255,255,.26) 32%,rgba(255,255,255,.08) 60%,rgba(222,248,255,.4));
 border-color:rgba(255,255,255,.96);
 box-shadow:inset 0 1px 2px #fff,inset 0 -2px 3px rgba(139,92,246,.13),0 6px 18px rgba(70,60,150,.12);
}
nav button.active{
 background:linear-gradient(120deg,rgba(255,255,255,.75),rgba(139,92,246,.18) 44%,rgba(34,211,238,.18));
 border-color:rgba(167,139,250,.46);
 box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px rgba(124,58,237,.12),0 6px 18px rgba(124,58,237,.14);
}
header{
 background:linear-gradient(100deg,rgba(243,239,255,.64),rgba(237,249,255,.45) 48%,rgba(255,243,251,.54));
 backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
 box-shadow:inset 0 -1px 2px #fff,0 8px 24px rgba(70,60,150,.07);
}
.panel-title{background:linear-gradient(105deg,rgba(255,255,255,.46),rgba(255,255,255,.1));border-bottom-color:rgba(139,92,246,.11)}
.balance-banner{
 background:linear-gradient(112deg,rgba(255,255,255,.54),rgba(139,92,246,.13) 35%,rgba(34,211,238,.14));
 backdrop-filter:blur(26px) saturate(155%);-webkit-backdrop-filter:blur(26px) saturate(155%);
 box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px rgba(139,92,246,.1),0 12px 30px rgba(70,60,150,.12);
}
.plan{background:linear-gradient(128deg,rgba(255,255,255,.63),rgba(255,255,255,.21));box-shadow:inset 0 1px 1px #fff,0 3px 9px rgba(70,60,150,.035)}
.plan.selected{background:linear-gradient(122deg,rgba(255,255,255,.64),rgba(139,92,246,.1),rgba(34,211,238,.11));box-shadow:inset 0 1px 2px #fff,0 5px 16px rgba(124,58,237,.1)}
.result{background:linear-gradient(126deg,rgba(255,255,255,.44),rgba(139,92,246,.04),rgba(34,211,238,.055));box-shadow:inset 0 1px 2px rgba(255,255,255,.85)}
input,textarea,select{background:rgba(255,255,255,.59);box-shadow:inset 0 1px 2px rgba(70,60,150,.035),0 1px 0 rgba(255,255,255,.8)}
.toolbar{background:rgba(255,255,255,.22)}th{background:rgba(255,255,255,.32)}td{background:rgba(255,255,255,.09)}td small{color:#6c6d8e}
dialog{background:linear-gradient(130deg,rgba(255,255,255,.88),rgba(243,240,255,.78),rgba(235,249,255,.8));backdrop-filter:blur(34px) saturate(160%);-webkit-backdrop-filter:blur(34px) saturate(160%);box-shadow:inset 0 1px 2px #fff,0 24px 70px rgba(70,60,150,.24)}
@media(max-width:600px){.panel,.stat,.order-metric,.balance-banner{backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%)}}

/* 轻微弹动与单次扫光，仅改变装饰层，不拦截点击。 */
button{transition:transform .32s cubic-bezier(.22,1.35,.45,1),box-shadow .24s ease,background .24s ease,border-color .24s ease}
button:not(:disabled):active{transform:translateY(1px) scale(.975)}
nav button,button.primary,.plan{position:relative;overflow:hidden;isolation:isolate}
nav button::after,button.primary::after,.plan::before{
 content:'';position:absolute;inset:-45% auto -45% -65%;width:35%;pointer-events:none;z-index:1;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
 transform:translateX(0) skewX(-22deg);opacity:0;
}
button.primary::after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.24),transparent)}
@keyframes wdww-glass-sheen{0%{left:-65%;opacity:0}18%{opacity:1}80%{opacity:.7}100%{left:135%;opacity:0}}
@keyframes wdww-page-settle{0%{opacity:.6;transform:translateY(7px)}72%{opacity:1;transform:translateY(-1px)}100%{opacity:1;transform:translateY(0)}}
#content>.heading,#content>.stats,#content>.grid,#content>.panel,#content>.balance-banner,#content>.orders-view{animation:wdww-page-settle .36s cubic-bezier(.2,.8,.3,1) both}
#content>.stats{animation-delay:.025s}#content>.grid{animation-delay:.045s}
.stat,.order-metric,.balance-banner,.plan{transition:transform .36s cubic-bezier(.22,1.25,.45,1),box-shadow .28s ease}
@media(hover:hover) and (pointer:fine){
 nav button:not(:disabled):hover,button.primary:not(:disabled):hover{transform:translateY(-2px)}
 nav button:not(:disabled):hover::after,button.primary:not(:disabled):hover::after,.plan:not(:disabled):hover::before{animation:wdww-glass-sheen .72s ease-out 1}
 .stat:hover,.order-metric:hover{transform:translateY(-3px);box-shadow:inset 0 1px 2px #fff,0 16px 35px rgba(70,60,150,.16)}
 .plan:not(:disabled):hover{transform:translateY(-2px)}
 nav button:not(:disabled):active,button.primary:not(:disabled):active,.plan:not(:disabled):active{transform:translateY(1px) scale(.975)}
}
@media(prefers-reduced-motion:reduce){
 #content>.heading,#content>.stats,#content>.grid,#content>.panel,#content>.balance-banner,#content>.orders-view{animation:none}
 button,.stat,.order-metric,.balance-banner,.plan{transition:none}
 nav button:not(:disabled):hover,button.primary:not(:disabled):hover,.stat:hover,.order-metric:hover,.plan:not(:disabled):hover,button:not(:disabled):active,nav button:not(:disabled):active,button.primary:not(:disabled):active,.plan:not(:disabled):active{transform:none}
 nav button::after,button.primary::after,.plan::before{display:none;animation:none!important}
}

/* 普通点击不弹动；只给主要提交动作反馈。 */
#content>.heading,#content>.stats,#content>.grid,#content>.panel,#content>.balance-banner,#content>.orders-view{animation:none}
button:not(:disabled):active,nav button:not(:disabled):active,button.primary:not(:disabled):active,.plan:not(:disabled):active{transform:none}
nav button:not(:disabled):hover,button.primary:not(:disabled):hover,.plan:not(:disabled):hover{transform:none}
#generate:not(:disabled):active,#issueBalance:not(:disabled):active,#dialogConfirm:not(:disabled):active,#redeemBalanceForm button.primary:not(:disabled):active{transform:translateY(1px) scale(.985)}

/* 展开类弹窗统一为毛玻璃浮屏，背景内容虚化，面板仍清晰可读。 */
dialog{
 position:fixed;max-height:calc(100dvh - 64px);overflow:auto;
 background:linear-gradient(125deg,rgba(255,255,255,.75),rgba(245,239,255,.65) 50%,rgba(230,248,255,.7));
 border:1px solid rgba(255,255,255,.95);border-radius:20px;
 backdrop-filter:blur(38px) saturate(155%);-webkit-backdrop-filter:blur(38px) saturate(155%);
 box-shadow:inset 0 1px 2px #fff,inset 1px 0 1px rgba(255,255,255,.68),0 25px 75px rgba(58,46,117,.25),0 8px 24px rgba(58,46,117,.12);
 padding:30px;
}
dialog::backdrop{background:rgba(62,51,104,.2);backdrop-filter:blur(8px) saturate(110%);-webkit-backdrop-filter:blur(8px) saturate(110%)}
dialog[open]{animation:wdww-float-reveal .18s ease-out}
@keyframes wdww-float-reveal{from{opacity:0}to{opacity:1}}
dialog h2{font-size:18px;margin-bottom:22px;color:var(--skin-ink)}
dialog .field{margin-top:18px}dialog label{color:#625780}dialog input,dialog textarea{background:rgba(255,255,255,.6);border-color:rgba(139,92,246,.18)}
dialog .actions{margin-top:26px;padding-top:20px;border-top:1px solid rgba(139,92,246,.13)}
@media(prefers-reduced-motion:reduce){
 dialog[open]{animation:none}
 #generate:not(:disabled):active,#issueBalance:not(:disabled):active,#dialogConfirm:not(:disabled):active,#redeemBalanceForm button.primary:not(:disabled):active{transform:none}
}

/* 侧栏账号卡：独立身份层次与玻璃材质，避免头像和文字挤在一行。 */
.profile.account-card{
 display:block;margin-top:auto;padding:14px 14px 13px;border:1px solid rgba(255,255,255,.95);border-radius:17px;
 background:linear-gradient(130deg,rgba(255,255,255,.8),rgba(245,239,255,.42) 50%,rgba(224,248,255,.5));
 backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);
 box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px rgba(139,92,246,.08),0 7px 23px rgba(70,60,150,.09);
}
.account-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;min-height:22px}
.account-card-top>span{font-size:10px;letter-spacing:1px;color:#8c86a8}
.account-settings-link{display:grid;place-items:center;width:25px;height:25px;padding:4px;border:0;border-radius:7px;background:transparent;color:#8d80b1;box-shadow:none}
.account-settings-link svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5}
.account-settings-link:hover{color:#7c3aed;background:rgba(139,92,246,.09);box-shadow:none}
.account-card-main{display:flex;align-items:center;gap:12px}
.account-card .avatar{
 flex-shrink:0;width:43px;height:43px;border:1px solid rgba(255,255,255,.94);border-radius:14px;
 background:linear-gradient(140deg,#b28cff,#8c65ee 53%,#72bdea);color:white;font-size:18px;font-weight:650;
 box-shadow:inset 0 1px 2px rgba(255,255,255,.6),0 4px 10px rgba(124,58,237,.19);
}
.account-card[data-role=distributor] .avatar{background:linear-gradient(140deg,#8d9af1,#8c80e5 53%,#70bfdd)}
.account-card-info{min-width:0;display:flex;align-items:flex-start;flex-direction:column;gap:6px}
.account-card-info b{font-size:13px;font-weight:650;letter-spacing:.2px;color:#393257;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.account-role-tag{font-size:10px;color:#7c3aed;background:rgba(139,92,246,.09);border:1px solid rgba(139,92,246,.1);border-radius:5px;padding:2px 7px;line-height:1.4}
.account-card[data-role=distributor] .account-role-tag{color:#5579b6;background:rgba(76,161,212,.08);border-color:rgba(76,161,212,.12)}
.account-card-scope{font-size:10px;color:#8a83a6;line-height:1.6;margin-top:12px;padding-top:10px;border-top:1px solid rgba(139,92,246,.09);white-space:normal}
@media(max-width:950px) and (min-width:601px){.profile.account-card{padding:12px 10px}.account-card-main{gap:9px}.account-card .avatar{width:36px;height:36px;border-radius:12px;font-size:16px}.account-card-info b{font-size:12px;max-width:93px}.account-card-scope{font-size:9px}}
@media(max-width:600px){.profile.account-card{display:none}}

/* 账号区第四版：轻量横排，融入侧栏，避免额外卡片套层。 */
.profile.account-card{
 position:relative;display:block;margin-top:auto;padding:19px 5px 7px;
 border:0;border-top:1px solid rgba(139,92,246,.12);border-radius:0;
 background:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.account-card-top{position:absolute;right:1px;top:24px;margin:0;min-height:0}
.account-card-top>span{display:none}
.account-settings-link{width:26px;height:26px;border-radius:50%;color:#9286b0;background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.75)}
.account-card-main{gap:12px;padding-right:27px}
.account-card .avatar,.account-card[data-role=distributor] .avatar{
 width:40px;height:40px;flex-shrink:0;border-radius:50%;font-size:15px;
 background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(220,211,255,.7),rgba(207,241,255,.78));
 border:1px solid rgba(255,255,255,.95);color:#7961c7;
 box-shadow:inset 0 1px 2px #fff,0 3px 10px rgba(70,60,150,.09);
}
.account-card-info{gap:5px}
.account-card-info b{font-size:13px;font-weight:600;max-width:105px;letter-spacing:.1px}
.account-role-tag,.account-card[data-role=distributor] .account-role-tag{
 display:flex;align-items:center;gap:5px;padding:0;background:transparent;border:0;
 font-size:10px;line-height:1.5;color:#8a80a2;
}
.account-role-tag::before{content:'';width:4px;height:4px;border-radius:50%;background:#9a81dc}
.account-card[data-role=distributor] .account-role-tag::before{background:#79add0}
.account-card-scope{display:none}
@media(max-width:950px) and (min-width:601px){.profile.account-card{padding:17px 2px 4px}.account-card-main{gap:8px;padding-right:22px}.account-card .avatar{width:33px;height:33px;font-size:13px}.account-card-info b{font-size:12px;max-width:84px}.account-card-top{right:0;top:21px}.account-settings-link{width:23px;height:23px}}
@media(max-width:600px){.profile.account-card{display:none}}

/* 账号区第五版：整块可进入设置的通透胶囊。 */
.profile.account-card{
 cursor:pointer;margin-top:auto;padding:12px 12px 12px 10px;
 border:1px solid rgba(255,255,255,.95);border-radius:40px;
 background:linear-gradient(118deg,rgba(255,255,255,.88),rgba(231,222,255,.3) 48%,rgba(214,243,255,.46));
 box-shadow:inset 0 1px 2px #fff,inset 0 -1px 2px rgba(139,92,246,.11),0 6px 20px rgba(70,60,150,.1);
 backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);
 transition:border-color .2s ease,box-shadow .2s ease;
}
.profile.account-card:hover,.profile.account-card:focus-visible{outline:none;border-color:rgba(167,139,250,.44);box-shadow:inset 0 1px 2px #fff,0 6px 22px rgba(124,58,237,.14)}
.account-card-main{gap:10px;padding-right:20px}
.account-card .avatar,.account-card[data-role=distributor] .avatar{
 width:39px;height:39px;background:rgba(255,255,255,.7);color:#8067c7;
 border:1px solid rgba(255,255,255,.96);box-shadow:inset 0 1px 2px #fff,0 2px 8px rgba(70,60,150,.06);
 font-size:16px;font-weight:500;border-radius:50%;
}
.account-card-info{gap:4px}.account-card-info b{font-size:12px;max-width:98px;color:#534570;font-weight:600}
.account-card-top{right:12px;top:50%;transform:translateY(-50%)}
.account-settings-link{width:20px;height:24px;background:transparent;border:0;border-radius:8px;position:relative;color:#a594c0}
.account-settings-link svg{display:none}
.account-settings-link::after{content:'';width:6px;height:6px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor;transform:rotate(45deg);margin-right:3px}
.account-settings-link:hover{background:transparent;color:#7c3aed}
.account-role-tag,.account-card[data-role=distributor] .account-role-tag{font-size:9px;letter-spacing:.4px;color:#9a8bad}
.account-role-tag::before{display:none}
@media(max-width:950px) and (min-width:601px){.profile.account-card{padding:10px 9px 10px 7px}.account-card-main{gap:7px;padding-right:17px}.account-card .avatar{width:31px;height:31px;font-size:13px}.account-card-info b{font-size:11px;max-width:81px}.account-card-top{right:7px;top:50%}}
@media(max-width:600px){.profile.account-card{display:none}}
@media(prefers-reduced-motion:reduce){.profile.account-card{transition:none}}
.account-card .avatar{padding:5px}
.account-card .avatar img{display:block;width:100%;height:100%;object-fit:contain;border-radius:0;pointer-events:none}
.profile.account-card{padding:14px 19px;border-radius:18px}
.account-card-main{min-height:34px;padding-right:21px}
.account-card-info{gap:6px}
.account-card-info b{max-width:138px;font-size:13px}
.account-card-top{right:16px}
@media(max-width:950px) and (min-width:601px){.profile.account-card{padding:12px 15px}.account-card-info b{max-width:106px;font-size:12px}.account-card-top{right:12px}}
.logged-out>aside,.logged-out main>header,.logged-out #content{display:none!important}
.logged-out main{margin:0!important;padding:0!important}