.profile-dropdown{position:relative;display:inline-block}.profile-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:14px;color:#64748b}.profile-button:hover{background-color:#f8fafc;border-color:#cbd5e1}.profile-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;letter-spacing:.5px}.profile-text{font-weight:500}.dropdown-arrow{transition:transform .2s ease;color:#94a3b8}.dropdown-arrow.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:280px;background:white;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);z-index:1000;overflow:hidden;animation:dropdownFadeIn .15s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{padding:16px;background:#f8fafc}.user-info{gap:12px}.user-avatar,.user-info{display:flex;align-items:center}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:white;justify-content:center;font-size:14px;font-weight:600;letter-spacing:.5px}.user-details{flex:1 1;min-width:0}.user-email{font-size:14px;font-weight:600;color:#1e293b;margin-bottom:2px;word-break:break-all}.user-status{font-size:12px;color:#16a34a;font-weight:500}.dropdown-divider{height:1px;background:#e2e8f0;margin:0}.dropdown-items{padding:8px 0}.dropdown-item{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;cursor:pointer;font-size:14px;color:#374151;transition:all .15s ease;text-align:left}.dropdown-item:hover{background-color:#f8fafc}.dropdown-item svg{width:16px;height:16px;color:#6b7280}.logout-item{color:#dc2626}.logout-item:hover{background-color:#fef2f2}.logout-item svg{color:#dc2626}@media (max-width:768px){.profile-text{display:none}.profile-button{padding:8px}.dropdown-menu{right:-8px;min-width:260px}}