.header-account{position:relative;z-index:1000;text-align:right;font-family:Cairo,sans-serif}
.site-header-shell:has(.header-account[open]){position:relative;z-index:1200}
.header-account>.account-trigger{display:flex;align-items:center;gap:8px;margin:0;padding:7px 10px;list-style:none;cursor:pointer;white-space:nowrap;font-family:inherit;font-size:11px}
.account-trigger::-webkit-details-marker{display:none}.account-trigger::marker{content:''}
.account-avatar{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border:1px solid #d5bf9370;border-radius:10px;background:#f4ecdc;color:#876327;font-size:14px;font-weight:900}
.account-trigger-name{max-width:105px;overflow:hidden;text-overflow:ellipsis}.account-trigger>i{font-size:18px;transition:transform .2s}.header-account[open]>.account-trigger>i{transform:rotate(180deg)}
.account-dropdown{position:absolute;z-index:9999;top:calc(100% + 12px);left:0;width:290px;max-width:calc(100vw - 24px);max-height:min(620px,75dvh);display:flex;flex-direction:column;overflow:hidden;padding:10px;border:1px solid #dce9e6;border-radius:19px;background:#fff;color:#123f3c;box-shadow:0 18px 55px #10283e26;box-sizing:border-box;animation:account-appear .15s ease-out}
.account-dropdown>header{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:9px 7px 14px;border-bottom:1px solid #edf2ef}.account-dropdown>header>div{min-width:0}.account-dropdown strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:#123f3c}.account-dropdown small{display:block;margin-top:3px;color:#71817f;font-size:9px}
.account-dropdown-body>nav{display:grid;gap:3px;padding:8px 0}.header-account .account-dropdown nav>a{display:flex;align-items:center;gap:10px;padding:10px;border:0;border-radius:11px;background:transparent;color:#36564e;font-size:11px;font-weight:700;text-decoration:none}.account-dropdown nav>a>i:first-child{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:#f0f8f5;color:#078b7c;font-size:19px}.account-dropdown .account-link-arrow{margin-inline-start:auto;color:#a5b7b0;font-size:17px}.header-account .account-dropdown nav>a:hover,.header-account .account-dropdown nav>a[aria-current=page]{background:#edf8f4;color:#078b7c}
.account-dropdown-footer{flex:0 0 auto;padding-top:8px;border-top:1px solid #edf2ef;background:#fff}.account-dropdown-footer>form{margin:0}.account-dropdown-footer>form>button{display:flex;align-items:center;justify-content:flex-start;gap:9px;width:100%;padding:11px;border:0;border-radius:11px;background:#fff4f2;color:#b34436;font-family:inherit;font-size:11px;font-weight:800;cursor:pointer}.account-dropdown-footer>form>button:hover{background:#ffe9e5}.account-dropdown :is(a,button):focus-visible{outline:2px solid #078b7c;outline-offset:-2px}
.mobile-navigation-footer .header-account{width:100%}.mobile-navigation-footer .account-trigger{justify-content:center;background:#17344d;color:#fff;border-radius:12px}.mobile-navigation-footer .account-dropdown{top:auto;bottom:calc(100% + 8px);width:100%;max-height:65dvh}
@keyframes account-appear{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.site-header .account-trigger-name{display:none}.site-header .header-account>.account-trigger{gap:3px;padding:4px}.account-dropdown{position:fixed;top:var(--account-menu-top,80px);left:12px;right:12px;width:auto;max-width:none;max-height:calc(100dvh - var(--account-menu-top,80px) - 20px)}.mobile-navigation-footer .account-dropdown{position:absolute;left:0;right:auto;top:auto}}
@media(prefers-reduced-motion:reduce){.account-dropdown{animation:none}.account-trigger>i{transition:none}}

.header-account .account-dropdown-body>.account-demo-exit{display:flex;align-items:center;gap:9px;margin-top:8px;padding:11px;border-radius:11px;background:#fff4f2;color:#b34436;font-size:11px;font-weight:800;text-decoration:none}
.header-account .account-dropdown-body>.account-demo-exit:hover{background:#ffe9e5}
.account-dropdown-body{height:320px;flex:0 1 320px;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#b7cdc5 transparent}