.user-dropdown-container{position:relative;display:inline-block}.profile-toggle-btn{background:transparent;border:none;color:var(--dark-charcoal);cursor:pointer;display:flex;align-items:center;padding:0;transition:color .3s}.profile-toggle-btn:hover{color:var(--vibrant-orange)}.dropdown-menu{position:absolute;top:100%;right:0;width:220px;background:#fff;border-radius:15px;box-shadow:0 10px 30px #0000001a;padding:.75rem 0;margin-top:1rem;z-index:1000;border:1px solid rgba(0,0,0,.05)}.dropdown-header{padding:.75rem 1.25rem;display:flex;flex-direction:column}.dropdown-header span{font-weight:600;color:var(--dark-charcoal);font-size:.95rem}.dropdown-header small{color:#888;font-size:.75rem;background:#eee;padding:2px 8px;border-radius:10px;width:fit-content;margin-top:4px}.dropdown-divider{height:1px;background:#f0f0f0;margin:.5rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:#555;text-decoration:none;font-size:.9rem;transition:all .3s;width:100%;border:none;background:transparent;text-align:left;cursor:pointer}.dropdown-item:hover{background:#f8f8f8;color:var(--vibrant-orange)}.dropdown-item svg{width:18px;height:18px}.logout-btn:hover{background:#fff5f5;color:var(--vibrant-orange)}.dropdown-menu:before{content:"";position:absolute;top:-6px;right:15px;width:12px;height:12px;background:#fff;border-left:1px solid rgba(0,0,0,.05);border-top:1px solid rgba(0,0,0,.05);transform:rotate(45deg)}[x-cloak]{display:none!important}