.user-profile-container{position:fixed;top:60px;right:12px;z-index:350;font-family:Roboto,sans-serif;font-size:16px}.user-profile-dropdown-wrapper{position:relative}.user-profile-button{display:flex;align-items:center;gap:10px;padding:10px;background-color:#000;border:2px solid #dc1111;color:white;cursor:pointer;border-radius:50%}.user-profile-avatar{width:36px;height:36px;border-radius:50%}.user-profile-avatar-placeholder{width:24px;height:24px;border-radius:50%;background-color:#6b7280;display:flex;align-items:center;justify-content:center}.user-profile-name{display:none}.user-profile-vip-badge{background:linear-gradient(45deg,#ffd700,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;margin-left:5px}.user-profile-dropdown-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:400}.user-profile-dropdown{position:absolute;right:0;margin-top:8px;width:300px;background-color:black;border:2px solid #dc1111;z-index:500;display:flex;flex-direction:column}.user-profile-info{padding:20px;border-bottom:2px solid #dc1111;overflow:hidden}.user-profile-vip-tag{background:linear-gradient(45deg,#ffd700,#ffed4e);color:#000;font-size:10px;font-weight:700;padding:3px 8px;border-radius:12px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.user-profile-credits{padding:20px;border-bottom:2px solid #dc1111;color:#fff}.user-profile-credits-title{font-weight:600;margin-bottom:8px;color:#fff}.user-profile-credits-info{display:flex;flex-direction:column;gap:8px}.user-profile-unlimited{display:flex;align-items:center;gap:8px;color:#ffd700;font-weight:500}.user-profile-unlimited-icon{font-size:18px;font-weight:700}.user-profile-credits-breakdown{display:flex;flex-direction:row;gap:8px;align-items:center}.user-profile-credits-value{font-weight:700;color:#fff}.user-profile-free-credits{color:#9CA3AF}.user-profile-paid-credits{color:#60A5FA}.user-profile-details{padding:20px;border-bottom:2px solid #dc1111;overflow:hidden;color:#fff;line-height:1.2}.user-profile-details-value{font-weight:700;color:#fff}.user-profile-actions{padding:20px;border-bottom:2px solid #dc1111}.user-profile-manage-billing-button{width:100%;padding:12px;background:linear-gradient(45deg,#667eea,#764ba2);color:white;border:none;font-weight:500;cursor:pointer;transition:all .2s ease}.user-profile-manage-billing-button:hover{background:linear-gradient(45deg,#5a67d8,#6b46c1);transform:translateY(-1px)}.user-profile-full-name{font-weight:600;margin-bottom:4px;color:white;display:flex;align-items:center}.user-profile-email,.user-profile-full-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-profile-email{color:#fff;margin-top:4px}.user-profile-signout-button{padding:20px;color:#ef4444;font-weight:600;cursor:pointer;text-align:center}.user-profile-signout-button:hover{background-color:rgba(239,68,68,.1)}