.account-menu-wrapper{align-items:center;display:flex;position:relative}.account-menu{background:var(--background);border:1px solid var(--border);box-shadow:var(--shadow-md);z-index:50;border-radius:.75rem;min-width:280px;animation:.2s slideDown;position:absolute;top:calc(100% + .75rem);right:0}.account-menu .menu-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.25rem 1rem;display:flex}.account-menu .menu-header .user-avatar-large{border:2px solid var(--border);border-radius:50%;flex-shrink:0}.account-menu .menu-header .user-info{flex:1;min-width:0}.account-menu .menu-header .user-info .user-name-full{color:var(--foreground);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:.9375rem;font-weight:600;overflow:hidden}.account-menu .menu-header .user-info .user-email{color:var(--subtle);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;overflow:hidden}.account-menu .menu-divider{background:var(--border);height:1px;margin:0}.account-menu .menu-section{padding:.5rem}.account-menu .menu-section:last-of-type{padding-bottom:.5rem}.account-menu .menu-section .section-label{color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em;margin:0;padding:.5rem .75rem .375rem;font-size:.75rem;font-weight:600}.account-menu .menu-section .menu-item{cursor:pointer;color:var(--foreground);border-radius:.5rem;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;text-decoration:none;transition:all .15s;display:flex;position:relative}.account-menu .menu-section .menu-item svg{color:var(--gray-500);flex-shrink:0;transition:color .15s}.account-menu .menu-section .menu-item:hover{background:var(--muted)}.account-menu .menu-section .menu-item:hover svg{color:var(--primary)}.account-menu .menu-section .menu-item--theme{cursor:default}.account-menu .menu-section .menu-item--theme:hover{background:0 0}.account-menu .menu-section .menu-item--theme button{flex-shrink:0;margin-left:auto}.account-menu .menu-section .menu-item--theme button svg{color:inherit}.account-menu .menu-section .menu-item .item-badge{background:var(--muted);color:var(--foreground);border-radius:1rem;flex-shrink:0;margin-left:auto;padding:.25rem .625rem;font-size:.75rem;font-weight:600}.account-menu .menu-section .menu-item .item-badge--alert{background:var(--destructive);color:var(--destructive-foreground);animation:2s infinite pulse-badge}.account-menu .menu-footer{border-top:1px solid var(--border);padding:.75rem}.account-menu .menu-footer .dev-links{border-top:1px dashed var(--border);margin-top:.5rem;padding-top:.5rem}.account-menu .menu-footer .dev-links .menu-item{cursor:pointer;color:var(--gray-500);border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem .75rem;font-size:.8125rem;text-decoration:none;transition:all .15s;display:flex}.account-menu .menu-footer .dev-links .menu-item svg{color:var(--gray-400);flex-shrink:0}.account-menu .menu-footer .dev-links .menu-item:hover{background:var(--muted);color:var(--foreground)}.account-menu .menu-footer .dev-links .menu-item:hover svg{color:var(--primary)}.account-menu .menu-footer .logout-button{background:var(--destructive);width:100%;color:var(--destructive-foreground);cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem;font-size:.9375rem;font-weight:500;transition:all .18s;display:flex}.account-menu .menu-footer .logout-button:hover{background:var(--destructive-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.account-menu .menu-footer .logout-button:active{transform:translateY(0)}.account-menu .menu-footer .logout-button:focus-visible{outline:2px solid var(--destructive);outline-offset:2px}.dark .account-menu{background:var(--card);border:1px solid var(--border);color:var(--foreground)}.dark .account-menu .menu-header{border-bottom:1px solid var(--border)}.dark .account-menu .menu-header .user-avatar-large{border-color:var(--border)}.dark .account-menu .menu-divider{background:var(--border)}.dark .account-menu .menu-section .section-label{color:var(--gray-400)}.dark .account-menu .menu-section .menu-item{color:var(--foreground)}.dark .account-menu .menu-section .menu-item svg{color:var(--gray-400)}.dark .account-menu .menu-footer{border-top:1px solid var(--border)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:640px){.account-menu{min-width:260px;max-width:calc(100vw - 2rem);left:auto;right:-1rem}}