:root{--mham-panel:#fff;--mham-text:#0f172a;--mham-muted:#64748b;--mham-ring:0 0 0 3px rgba(99,102,241,.35);--mham-shadow-lg:0 20px 40px rgba(2,6,23,.2);--mham-radius:14px}.mham-wrapper{align-items:center;display:flex;justify-content:flex-end;position:sticky;right:10px;top:0;z-index:2}.mham-menu-btn{--size:60px;appearance:none;background:transparent;border:0;border-radius:999px;color:#e5e7eb;cursor:pointer;display:grid;height:var(--size);place-items:center;position:relative;width:var(--size)}.mham-menu-btn:focus-visible{box-shadow:var(--mham-ring);outline:none}.mham-menu-btn__avatar{border-radius:999px;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.08);display:grid;height:100%;place-items:center;width:100%}.mham-menu-btn__avatar svg{height:var(--size);opacity:.9;width:var(--size)}.mham-hamburger{height:16px;position:relative;width:22px}.mham-hamburger span{background:#e5e7eb;border-radius:2px;height:2px;left:0;position:absolute;right:0;transform-origin:10% 50%;transition:transform .2s ease,opacity .2s ease,top .2s ease}.mham-hamburger span:first-child{top:0}.mham-hamburger span:nth-child(2){top:7px}.mham-hamburger span:nth-child(3){top:14px}.mham-menu-btn[aria-expanded=true] .mham-hamburger span:first-child{top:8px;transform:rotate(45deg);translate:0 -6px}.mham-menu-btn[aria-expanded=true] .mham-hamburger span:nth-child(2){opacity:0}.mham-menu-btn[aria-expanded=true] .mham-hamburger span:nth-child(3){top:20px;transform:rotate(-45deg);translate:0 -6px}.mham-menu-btn__avatar{display:none}.mham-menu-btn .mham-hamburger{display:block}@media (min-width:768px){.mham-menu-btn__avatar{display:grid}.mham-menu-btn .mham-hamburger{display:none}}.mham-dropdown{background:var(--mham-panel);border:1px solid rgba(2,6,23,.08);border-radius:var(--mham-radius);box-shadow:var(--mham-shadow-lg);opacity:0;padding:10px 0;pointer-events:none;position:absolute;right:0;top:calc(100% + 10px);transform:translateY(-6px) scale(.98);transition:opacity .18s ease,transform .18s ease;width:min(88vw,320px)}.mham-dropdown.mham-mobile--open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.mham-dropdown .mham-menu-header{border-bottom:1px solid #eef2f7;margin-bottom:6px;padding:10px 14px 12px}.mhah-menu-header__user{align-items:center;display:flex;gap:10px}.mham-menu-header__avatar{border-radius:999px;color:#4338ca;display:grid;font-weight:700;height:50px;place-items:center;width:50px}.mham-menu-header .mham-menu-header__email{color:var(--mham-muted);font-size:12.5px}.mham-menu-list{list-style:none;margin:0;max-height:min(60vh,460px);overflow:auto;padding:6px}.mham-menu-list a{align-items:center;border-radius:10px;color:inherit;display:flex;gap:10px;padding:10px;text-decoration:none}.mham-menu-list a:focus-visible,.mham-menu-list a:hover{background:#f3f4f6;outline:none}.mham-menu-list__divider{margin:5px 10px}.mham-menu-list svg{color:#475569;height:18px;width:18px}.mham-mobile-scrim{background:rgba(2,6,23,.45);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .2s ease;z-index:2}.mham-mobile-scrim.mham-mobile--open{opacity:1;pointer-events:auto}.mham-mobile-drawer{background:var(--mham-panel);border-left:1px solid rgba(2,6,23,.08);display:flex;flex-direction:column;inset:0 0 0 auto;padding-bottom:20px;position:fixed;transform:translateX(100%);transition:transform .22s ease;width:min(92vw,360px);z-index:3}.mham-mobile-drawer.mham-mobile--open{transform:translateX(0)}.mham-mobile-drawer__header{border-bottom:1px solid #eef2f7;padding:16px}.mham-mobile-drawer-header__user{align-items:center;display:flex;gap:10px}.mham-close-btn{appearance:none;background:transparent;border:none;color:var(--mham-muted);cursor:pointer;font-size:1.5rem;position:absolute;right:12px;top:12px}.mham-close-btn:focus-visible,.mham-close-btn:hover{outline:none}.mham-badge{align-items:flex-start;background:#3e4e6a;border-radius:14px;color:#fff;display:flex;flex-direction:column;font-size:12.5px;gap:8px;justify-content:space-around;margin-top:.5em;padding:12px 16px}.mham-badge__points{color:#fbd3d0;font-weight:600;margin:0}.mham-badge__notif{margin:0}.mham-menu-item--logout{color:#cc5d5b}.mham-menu-item--logout svg{fill:#cc5d5b;height:1.5em;width:1.5em}.mham-login-prompt{padding:10px 14px 12px}.mham-login-prompt a,.mham-login-prompt a:hover{text-decoration:none}@media (prefers-reduced-motion:reduce){.mham-dropdown,.mham-hamburger span,.mham-mobile-drawer{transition:none}}