@charset "UTF-8";.profile-uploader-container{display:flex;flex-direction:column;align-items:center;gap:15px;max-width:300px;margin:0 auto}.profile-image-uploader{width:180px;height:180px;position:relative;cursor:pointer;border-radius:50%;box-shadow:0 4px 20px #0000001a;border:2px dashed transparent;transition:all .3s ease}.profile-image-uploader:hover{transform:scale(1.05)}.profile-image-uploader.dragover-active{border-color:#007bff;background-color:#007bff0d;transform:scale(1.02);box-shadow:0 0 15px #007bff4d}.image-preview-wrapper{width:100%;height:100%;border-radius:50%;border:2px dashed #c1c9d6;background-color:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;position:relative;transition:all .3s ease}.image-preview-wrapper:hover{border-color:#6366f1;background-color:#f0f5ff}.no-image-placeholder{display:flex;flex-direction:column;align-items:center;color:#94a3b8;z-index:1}.no-image-placeholder i{font-size:4.5rem;margin-bottom:8px;color:#cbd5e1}.upload-hint{font-size:.8rem;font-weight:500;color:#64748b}.img-preview{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;color:transparent}.remove-image-btn{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background-color:#ef4444;color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.8);transition:all .3s ease;z-index:2}.profile-image-uploader:hover .remove-image-btn{opacity:1;transform:scale(1)}.remove-image-btn:hover{background-color:#dc2626;transform:scale(1.1)!important}.file-input{position:absolute;width:100%;height:-moz-max-content;height:max-content;opacity:0;cursor:pointer;z-index:3}.wave-effect{position:absolute;width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,#6366f133,#6366f100 70%);opacity:0;transform:scale(.8);pointer-events:none}.profile-image-uploader.active .wave-effect{animation:wavePulse 1.5s infinite}@keyframes wavePulse{0%{transform:scale(.8);opacity:.7}70%{transform:scale(1.1);opacity:0}to{opacity:0}}.file-info-container{margin-top:5px;text-align:center}.file-info{display:flex;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:12px;padding:20px;transition:all .3s ease;flex-direction:column;align-items:center}.file-info.has-file{background:#e8f5e8;border-color:#28a745}.info-icon{font-size:3rem;color:#7a889a;margin-bottom:10px;display:block}.file-name{display:block;font-weight:600;color:#495057;margin-bottom:5px;word-break:break-word}.file-size{color:#6c757d;font-size:.9rem;margin-bottom:8px}.file-requirements{color:#868e96;font-size:.8rem;font-style:italic;margin-top:10px;padding-top:10px;border-top:1px solid #dee2e6}.file-info.error{background:#ffe6e6;border-color:#dc3545}.file-info.error .info-icon{color:#dc3545}@keyframes bounceIn{0%{transform:scale(.9);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.has-image .img-preview{display:block;animation:bounceIn .5s ease-out}.has-image .no-image-placeholder{display:none}