.user-menu-container{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:12px;padding:8px;border-radius:12px;transition:all .2s ease;cursor:pointer;border:none;background:transparent}.user-menu-trigger:hover{background-color:#f8fafc}.user-menu-trigger:active{transform:scale(.95)}.user-name-label{font-size:14px;font-weight:700;color:#334155}.user-avatar{width:32px;height:32px;border-radius:50%;background-color:#004d4d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;box-shadow:0 1px 2px #0000000d}.user-dropdown-card{position:absolute;right:0;margin-top:12px;width:288px;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid #f1f5f9;z-index:50;padding:16px 0;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{padding:0 24px 16px;display:flex;align-items:center;gap:16px}.avatar-large{width:48px;height:48px;font-size:20px}.user-info-text{display:flex;flex-direction:column;min-width:0}.display-name{font-weight:700;color:#0f172a;margin:0;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#94a3b8;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-badge{color:#004d4d;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.dropdown-divider{height:1px;background-color:#f1f5f9;margin:8px 16px}.menu-item{width:100%;padding:10px 24px;display:flex;align-items:center;gap:12px;color:#475569;background:transparent;border:none;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.menu-item:hover{background-color:#f8fafc}.logout-btn{color:#ef4444;font-weight:700}.logout-btn:hover{background-color:#fef2f2}.backdrop{position:fixed;inset:0;z-index:40}