.profile-container{padding:2rem;background-color:#f9f9f9;border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);width:100%;max-width:400px;transition:all .3s ease;margin-bottom:2rem}.profile-image{border:5px solid #00b0b0;box-shadow:0 4px 10px rgba(0,0,0,.2);-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.profile-image:hover{transform:scale(1.05)}.image-button-container{margin-top:20px}.p-button-upload{background-color:#00b0b0!important;border-color:#00b0b0!important;color:#fff;font-size:1rem;padding:.5rem 1.5rem;border-radius:10px;transition:background-color .3s ease}.p-button-upload:hover{background-color:#008a8a!important;border-color:#008a8a!important}.my-upload{margin-top:1rem;width:100%}.profile-card{background:#fff;border-radius:15px;box-shadow:0 4px 20px rgba(0,0,0,.1);padding:2rem;margin-bottom:2rem;transition:all .3s ease}.profile-card:hover{box-shadow:0 6px 25px rgba(0,0,0,.15)}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #eee;padding-bottom:1rem;margin-bottom:1rem}.card-header h2{font-size:1.5rem;font-weight:700;color:#333}.edit-btn{background-color:#ff9800;border:none;color:#fff;font-size:1.2rem;transition:background-color .3s ease}.edit-btn:hover{background-color:#e68900}.field-label h6{color:#555;font-size:1rem}.input-text{border:1px solid #ccc;border-radius:10px;padding:.75rem;font-size:1rem;transition:border-color .3s ease;width:100%}.input-text:focus{border-color:#ff9800;outline:none;box-shadow:0 0 5px rgba(255,152,0,.5)}hr{border:0;height:1px;background:#eee;margin:1rem 0}.save-btn{background-color:#4caf50;border:none;color:#fff;padding:.5rem 1rem;font-size:1rem;transition:background-color .3s ease}.save-btn:hover{background-color:#45a049}body{margin-top:20px;color:#1a202c;text-align:left;background-color:#e2e8f0}.main-body{padding:15px}.card{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto;min-height:1px;padding:1rem}.gutters-sm{margin-right:-8px;margin-left:-8px}.gutters-sm>.col,.gutters-sm>[class*=col-]{padding-right:8px;padding-left:8px}.mb-3,.my-3{margin-bottom:1rem!important}.bg-gray-300{background-color:#e2e8f0}.h-100{height:100%!important}.shadow-none{box-shadow:none!important}