.dropdown-chevron{width:18px;height:18px;fill:var(--icon-color-high-contrast);transition:all var(--transition-normal)}.user-avatar-btn:hover .dropdown-chevron{fill:var(--icon-color-hover)}.dropdown-chevron.open{transform:rotate(180deg)}.user-dropdown-menu{background:var(--color-background);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-border);z-index:1000;min-width:300px;animation:.2s slideDown;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden}.dropdown-header{padding:var(--space-lg);background:var(--color-background);border-bottom:1px solid var(--color-border)}.dropdown-header-name{color:var(--color-text);margin-bottom:var(--space-xs);letter-spacing:-.01em;font-size:1.125rem;font-weight:600;font-family:var(--font-serif);z-index:1;position:relative}.dropdown-header-email{color:var(--color-text-secondary);z-index:1;font-size:.875rem;font-weight:400;position:relative}.dropdown-menu-items{padding:var(--space-sm)0;background-color:var(--color-background)}.dropdown-link{align-items:center;gap:var(--space-md);padding:var(--space-md)var(--space-lg);color:var(--icon-color-high-contrast);transition:all var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;font-size:.9375rem;font-weight:500;text-decoration:none;display:flex}.dropdown-link:hover{background:var(--color-background-tertiary);color:var(--icon-color-hover)}.dropdown-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px;background:var(--color-background-tertiary)}.dropdown-icon{width:20px;height:20px;color:inherit;transition:color var(--transition-fast);justify-content:center;align-items:center;font-size:1.0625rem;display:flex}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-sm)0}.dropdown-link.danger{color:var(--icon-color-high-contrast)}.dropdown-link.danger:hover{color:var(--color-error);background:#dc354514}.dropdown-link.danger:hover .dropdown-icon{color:var(--color-error)}.dropdown-link.danger:focus-visible{outline-color:var(--color-error);background:#dc35450d}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.login-dropdown-form{padding:var(--space-lg);padding-top:var(--space-md)}.login-form-error{color:var(--color-error);padding:var(--space-sm);border-radius:var(--radius-md);margin-bottom:var(--space-md);background-color:#dc35451a;border:1px solid #dc354533;font-size:.875rem}.login-form-group{margin-bottom:var(--space-md)}.login-form-input{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);font-size:1rem;font-family:var(--font-sans)}.login-form-input:focus{border-color:var(--color-primary);outline:none}.login-form-input::placeholder{color:var(--color-text-secondary);opacity:.6}.login-form-submit{width:100%;padding:var(--space-sm);background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--transition-fast);border:none;font-size:1rem;font-weight:500}.login-form-submit:hover:not(:disabled){opacity:.9}.login-form-submit:disabled{cursor:not-allowed;opacity:.6}.login-divider-text{text-align:center;margin:var(--space-md)0;color:var(--color-text-secondary);font-size:.875rem}.login-social-buttons{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.login-social-btn{padding:var(--space-sm)var(--space-md);background:var(--color-background);color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-sm);flex:1;font-size:.9375rem;font-weight:600;display:flex}.login-social-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-md);transform:translateY(-2px)}.login-social-btn:disabled{cursor:not-allowed;opacity:.6}.login-toggle-container{text-align:center;padding-top:var(--space-sm)}.login-toggle-btn{color:var(--color-primary);cursor:pointer;transition:opacity var(--transition-fast);background:0 0;border:none;font-size:.875rem}.login-toggle-btn:hover{opacity:.8}@media (max-width:768px){.user-dropdown-menu{width:auto;max-width:340px;margin:0 auto;position:fixed;top:70px;left:1rem;right:1rem}.dropdown-header{padding:var(--space-md)}.dropdown-link{padding:var(--space-sm)var(--space-md)}.login-dropdown-form{padding:var(--space-md)}}