.header-account{position:relative;display:flex;align-items:center;gap:8px;margin-left:2px}
.header-account__balance{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid rgba(124,58,237,.13);border-radius:999px;background:linear-gradient(135deg,#f7f3ff 0%,#eefbf6 100%);color:#29153f;font-size:13px;font-weight:800;line-height:1;white-space:nowrap;box-shadow:0 5px 16px rgba(76,29,149,.07)}
.header-account__trigger{display:flex;align-items:center;justify-content:center;gap:7px;min-width:56px;height:48px;padding:4px 8px 4px 5px;border:1px solid rgba(67,38,92,.12);border-radius:999px;background:#fff;color:#261536;cursor:pointer;box-shadow:0 7px 22px rgba(42,20,67,.09);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background-color .24s ease}
.header-account__trigger:hover{transform:translateY(-1px);border-color:rgba(124,58,237,.3);box-shadow:0 10px 26px rgba(91,33,182,.14)}
.header-account__trigger:focus-visible,.header-account__menu a:focus-visible,.header-account__menu-placeholder:focus-visible{outline:3px solid rgba(124,58,237,.35);outline-offset:3px}
.header-account__avatar{position:relative;display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#6d28d9,#a855f7);color:#fff;font-size:15px;font-weight:900;letter-spacing:.02em;box-shadow:0 0 0 2px #fff,0 4px 12px rgba(109,40,217,.2)}
.header-account__avatar img{position:absolute;left:50%;top:50%;width:120%;height:120%;max-width:none;object-fit:cover;transform:translate(calc(var(--avatar-focus-x,.5) * -100%),calc(var(--avatar-focus-y,.5) * -100%));will-change:auto}.header-account__avatar img[hidden]{display:none}
.header-account__chevron{width:14px;height:14px;flex:0 0 14px;transition:transform .22s ease}.header-account.is-open .header-account__chevron{transform:rotate(180deg)}
.header-account__menu{position:absolute;z-index:1200;top:calc(100% + 12px);right:0;width:min(288px,calc(100vw - 24px));padding:9px;border:1px solid rgba(70,41,94,.12);border-radius:20px;background:rgba(255,255,255,.98);box-shadow:0 24px 60px rgba(36,16,57,.18),0 4px 14px rgba(36,16,57,.08);backdrop-filter:blur(18px);transform-origin:top right;animation:headerAccountIn .2s ease both}.header-account__menu[hidden]{display:none!important}
.header-account__identity{padding:10px 11px 12px;border-bottom:1px solid #eee7f3;margin-bottom:5px}.header-account__identity strong,.header-account__identity span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-account__identity strong{color:#1e102b;font-size:15px;font-weight:850}.header-account__identity span{margin-top:3px;color:#8a7f91;font-size:11px;font-weight:700;letter-spacing:.04em}
.header-account__menu a,.header-account__menu-placeholder{display:flex;width:100%;align-items:center;gap:11px;min-height:48px;padding:10px 12px;border:0;border-radius:13px;color:#2a1b35;text-decoration:none;font:inherit;font-size:14px;font-weight:750;text-align:left;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.header-account__menu a:hover,.header-account__menu-placeholder:hover{background:#f5f0ff;color:#6d28d9;transform:translateX(2px)}.header-account__menu-placeholder{background:transparent;opacity:1}
.header-account__menu-icon{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#f2ebff;color:#7c3aed}.header-account__menu-icon svg{width:17px;height:17px}.header-account__menu a:nth-of-type(2) .header-account__menu-icon{background:#eafbf4;color:#08966d}.header-account__menu a:nth-of-type(3) .header-account__menu-icon{background:#edf3ff;color:#3974cf}
body.dark-theme .header-account__balance{border-color:rgba(167,139,250,.22);background:linear-gradient(135deg,#251939,#142b26);color:#f4efff}body.dark-theme .header-account__trigger{border-color:rgba(255,255,255,.12);background:#17121e;color:#f8f5fc;box-shadow:0 8px 24px rgba(0,0,0,.32)}body.dark-theme .header-account__avatar{box-shadow:0 0 0 2px #17121e,0 4px 14px rgba(168,85,247,.35)}body.dark-theme .header-account__menu{border-color:rgba(255,255,255,.1);background:rgba(20,16,27,.98);box-shadow:0 24px 60px rgba(0,0,0,.5)}body.dark-theme .header-account__identity{border-color:rgba(255,255,255,.09)}body.dark-theme .header-account__identity strong{color:#fff}body.dark-theme .header-account__identity span{color:#aaa0b4}body.dark-theme .header-account__menu a{color:#f1edf5}body.dark-theme .header-account__menu a:hover,body.dark-theme .header-account__menu-placeholder:hover{background:#2a1d3c;color:#c4b5fd}body.dark-theme .header-account__menu-placeholder{color:#f1edf5}
@keyframes headerAccountIn{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:980px){.header-account__balance{display:none}}@media(max-width:768px){.header-account{margin-left:0}.header-account__trigger{width:44px;min-width:44px;height:44px;padding:3px}.header-account__avatar{width:36px;height:36px;flex-basis:36px}.header-account__chevron{display:none}.header-account__menu{position:fixed;top:76px;right:12px}}@media(max-width:390px){.header-account__trigger{width:40px;min-width:40px;height:40px}.header-account__avatar{width:34px;height:34px;flex-basis:34px}.header-account__menu{top:70px}}@media(prefers-reduced-motion:reduce){.header-account__trigger,.header-account__chevron,.header-account__menu,.header-account__menu a{animation:none!important;transition:none!important}}