@import url(https://fonts.googleapis.com/css?family=Barlow+Condensed:300,400,500,600,700,800,900|Barlow:300,400,500,600,700,800,900&display=swap);.login-container[data-v-61f79f46]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;padding:20px}.error-message[data-v-61f79f46]{color:red;font-size:.9rem;margin-bottom:15px;text-align:left}.gray-box[data-v-61f79f46]{width:600px;padding:40px;border-radius:20px;background-color:#d3d3d3;box-shadow:0 8px 16px rgba(0,0,0,.2)}.login-box[data-v-61f79f46]{width:400px;padding:30px;border-radius:15px;text-align:center;margin:auto}.logo[data-v-61f79f46]{margin-bottom:20px}.logo img[data-v-61f79f46]{max-width:50%;height:auto;display:block;margin:0 auto}h2[data-v-61f79f46]{font-size:1.5rem;margin-bottom:20px;color:#333}.form-group[data-v-61f79f46]{margin-bottom:15px}.form-group input[data-v-61f79f46]{width:100%;padding:10px;border:1px solid #aaa;border-radius:5px;font-size:1rem}.btn-login[data-v-61f79f46]{width:100%;padding:10px;font-size:1rem;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer}.btn-login[data-v-61f79f46]:hover{background-color:#333}.links[data-v-61f79f46]{margin-top:20px}.links a[data-v-61f79f46]{color:#000;text-decoration:none;font-size:.9rem;margin:0 10px}.links a[data-v-61f79f46]:hover{text-decoration:underline}@media screen and (max-width:480px){.gray-box[data-v-61f79f46]{width:90%;padding:20px}.login-box[data-v-61f79f46]{width:100%;padding:20px}h2[data-v-61f79f46]{font-size:1.2rem}.btn-login[data-v-61f79f46],.form-group input[data-v-61f79f46]{padding:8px;font-size:.9rem}.links a[data-v-61f79f46]{font-size:.8rem}}.navbar[data-v-7c204d25]{position:fixed;top:0;left:-250px;width:250px;height:100vh;background-color:#f9f9f9;padding:20px;padding-top:80px;box-shadow:2px 0 5px rgba(0,0,0,.1);display:flex;flex-direction:column;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important;transition:left .3s ease}.navbar-open[data-v-7c204d25]{left:0}.logo[data-v-7c204d25]{margin-bottom:30px;text-align:left}.logo img[data-v-7c204d25]{max-width:100%;height:auto}ul[data-v-7c204d25]{list-style:none;padding:0;margin:0}li[data-v-7c204d25]{margin-bottom:15px}li a[data-v-7c204d25]{text-decoration:none;color:#333;font-weight:400;font-size:.95rem;display:flex;align-items:center}li a i[data-v-7c204d25]{margin-right:10px}li a[data-v-7c204d25]:hover{color:#000;font-weight:700}.logout-section[data-v-7c204d25]{margin-top:auto;text-align:left}.logout-section a[data-v-7c204d25]{text-decoration:none;color:#000;font-weight:700;font-size:1rem}.logout-section a[data-v-7c204d25]:hover{color:#333}.toggle-btn[data-v-7c204d25]{position:fixed;top:20px;left:20px;background:none;border:none;font-size:1.5rem;cursor:pointer;z-index:1000}.image-preview-container[data-v-7d225c01]{display:flex;justify-content:center;align-items:center;padding:20px}.preview-image[data-v-7d225c01]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.1);-o-object-fit:cover;object-fit:cover}.main-screen[data-v-144a2951]{display:flex;gap:20px}.navbar-section[data-v-144a2951]{width:250px;text-align:left}.main-content[data-v-144a2951]{padding:20px;background-color:#f9f9f9;border-radius:10px;overflow-y:auto;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture img[data-v-144a2951]{max-width:100px;border-radius:50%}.sections .section[data-v-144a2951]{margin-bottom:20px}.preview-section[data-v-144a2951]{width:350px;height:auto;z-index:1000;background-color:transparent}.navbar-section[data-v-144a2951]{transition:width .3s ease;overflow:hidden}.navbar-section.hidden[data-v-144a2951]{width:0}.main-content[data-v-144a2951]{flex:2;transition:flex .3s ease}.main-content.full-width[data-v-144a2951]{flex:1}.main-screen[data-v-144a2951]{background-color:#f9f9f9;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture[data-v-144a2951]{text-align:center}.image-container[data-v-144a2951]{display:flex;align-items:left;gap:20px;margin-bottom:10px}.image-container img[data-v-144a2951]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#e0e0e0}.upload-actions[data-v-144a2951]{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.upload-button[data-v-144a2951]{padding:10px 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.upload-button[data-v-144a2951]:hover{background-color:#f7f7f7;border-color:#aaa}.file-input[data-v-144a2951]{display:none}.upload-info[data-v-144a2951]{font-size:12px;color:#666;margin-left:-12px}.custom-custom-modal[data-v-144a2951]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center}.custom-custom-modal img.crop-img[data-v-144a2951]{max-width:100%;max-height:300px}.custom-custom-modal-actions[data-v-144a2951]{margin-top:20px;display:flex;justify-content:space-around}.cropper-container .cropper-face[data-v-144a2951]{border-radius:50%!important}.crop-button[data-v-144a2951]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.crop-button[data-v-144a2951]:hover{background-color:#45a049}.cancel-button[data-v-144a2951]{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-144a2951]:hover{background-color:#d32f2f}.custom-custom-modal-overlay[data-v-144a2951]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.personal-info-card[data-v-144a2951]{border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:30px}.card-header[data-v-144a2951]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:transparent!important}.title[data-v-144a2951]{font-size:1.2rem;font-weight:700;margin:0}.save-button[data-v-144a2951]{border:1px solid #757575;background-color:#fff;color:#333;margin-bottom:10px}.save-button[data-v-144a2951]:hover{background-color:#f5f5f5}.save-button i[data-v-144a2951]{margin-right:5px}.info-content[data-v-144a2951]{display:flex;flex-direction:column;gap:20px;padding:.5rem 1rem}.info-row[data-v-144a2951]{display:flex;justify-content:space-between;gap:20px}.info-column[data-v-144a2951]{display:flex;flex-direction:column;flex:1}.info-label[data-v-144a2951]{font-size:.85rem;color:#aaa;margin-bottom:5px}.info-value[data-v-144a2951]{font-size:1rem;font-weight:700;color:#333}.info-input[data-v-144a2951]{font-size:1rem;color:#333;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent;width:100%}.info-input[data-v-144a2951]:focus{border-bottom:1px solid #000}.save-button[data-v-144a2951]{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-button[data-v-144a2951]:disabled{background-color:#ccc;cursor:not-allowed}.spinner[data-v-144a2951]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #000;border-radius:50%;width:16px;height:16px;animation:spin-144a2951 .8s linear infinite}@keyframes spin-144a2951{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-container[data-v-144a2951]{position:relative;width:100px;padding:0;margin:0}.image-upload-box[data-v-144a2951]{border:2px dashed #ccc;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.preview-card[data-v-144a2951]{position:fixed;top:20px;right:20px;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;z-index:1000}.preview-title[data-v-144a2951]{font-size:1.2rem;font-weight:700;margin-bottom:10px}.preview-content[data-v-144a2951]{height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9}.preview-content img[data-v-144a2951]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.personal-info-card[data-v-144a2951]{font-size:14px}.info-row[data-v-144a2951]{flex-direction:column}.info-value[data-v-144a2951]{font-size:12px;overflow:hidden;text-overflow:ellipsis}}.about[data-v-f8423770]{position:fixed;z-index:10;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:flex-end;align-items:flex-end;transition:all .2s ease}.about .bg_links[data-v-f8423770]{width:40px;height:40px;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.2);border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:absolute}.about .logo[data-v-f8423770]{width:40px;height:40px;z-index:9;background-image:url(https://rafaelavlucas.github.io/assets/codepen/logo_white.svg);background-size:50%;background-repeat:no-repeat;background-position:10px 7px;opacity:.9;transition:all 1s ease .2s;bottom:0;right:0}.about .social[data-v-f8423770]{opacity:0;right:0;bottom:0}.about .social .icon[data-v-f8423770]{width:100%;height:100%;background-size:20px;background-repeat:no-repeat;background-position:50%;background-color:transparent;display:flex;transition:all .2s ease,background-color .4s ease;opacity:0;border-radius:100%}.about .social.portfolio[data-v-f8423770]{transition:all .8s ease}.about .social.portfolio .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/link.svg)}.about .social.dribbble[data-v-f8423770]{transition:all .3s ease}.about .social.dribbble .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg)}.about .social.linkedin[data-v-f8423770]{transition:all .8s ease}.about .social.linkedin .icon[data-v-f8423770]{background-image:url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg)}.about[data-v-f8423770]:hover{width:105px;height:105px;transition:all .6s cubic-bezier(.64,.01,.07,1.65)}.about:hover .logo[data-v-f8423770]{opacity:1;transition:all .6s ease}.about:hover .social[data-v-f8423770]{opacity:1}.about:hover .social .icon[data-v-f8423770]{opacity:.9}.about:hover .social[data-v-f8423770]:hover{background-size:28px}.about:hover .social:hover .icon[data-v-f8423770]{background-size:65%;opacity:1}.about:hover .social.portfolio[data-v-f8423770]{right:0;bottom:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) 0s}.about:hover .social.portfolio .icon[data-v-f8423770]:hover{background-color:#698fb7}.about:hover .social.dribbble[data-v-f8423770]{bottom:45%;right:45%;transition:all .3s cubic-bezier(.64,.01,.07,1.65) .15s}.about:hover .social.dribbble .icon[data-v-f8423770]:hover{background-color:#ea4c89}.about:hover .social.linkedin[data-v-f8423770]{bottom:0;right:calc(100% - 40px);transition:all .3s cubic-bezier(.64,.01,.07,1.65) .25s}.about:hover .social.linkedin .icon[data-v-f8423770]:hover{background-color:#0077b5}a[data-v-f8423770],body[data-v-f8423770],button[data-v-f8423770],h1[data-v-f8423770],h2[data-v-f8423770],h3[data-v-f8423770],h4[data-v-f8423770],h5[data-v-f8423770],h6[data-v-f8423770],i[data-v-f8423770],input[data-v-f8423770],li[data-v-f8423770],p[data-v-f8423770],ul[data-v-f8423770]{margin:0;padding:0;list-style:none;border:0;-webkit-tap-highlight-color:transparent;text-decoration:none;color:inherit}a[data-v-f8423770]:focus,body[data-v-f8423770]:focus,button[data-v-f8423770]:focus,h1[data-v-f8423770]:focus,h2[data-v-f8423770]:focus,h3[data-v-f8423770]:focus,h4[data-v-f8423770]:focus,h5[data-v-f8423770]:focus,h6[data-v-f8423770]:focus,i[data-v-f8423770]:focus,input[data-v-f8423770]:focus,li[data-v-f8423770]:focus,p[data-v-f8423770]:focus,ul[data-v-f8423770]:focus{outline:0}body[data-v-f8423770]{margin:0;padding:0;height:auto;font-family:Barlow,sans-serif;background:#695681}.logo[data-v-f8423770]{position:fixed;z-index:5;bottom:10px;right:10px;width:40px;height:40px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.1);border-radius:100%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.logo img[data-v-f8423770]{width:55%;height:55%;transform:translateY(-1px);opacity:.8}nav .menu[data-v-f8423770]{width:100%;height:80px;position:absolute;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-sizing:border-box;z-index:3}nav .menu .website_name[data-v-f8423770]{color:#695681;font-weight:600;font-size:20px;letter-spacing:1px;background:#fff;padding:4px 8px;border-radius:2px;opacity:.5;transition:all .4s ease;cursor:pointer}nav .menu .website_name[data-v-f8423770]:hover{opacity:1}nav .menu .menu_links[data-v-f8423770]{transition:all .4s ease;opacity:.5}nav .menu .menu_links[data-v-f8423770]:hover{opacity:1}@media screen and (max-width:799px){nav .menu .menu_links[data-v-f8423770]{display:none}}nav .menu .menu_links .link[data-v-f8423770]{color:#fff;text-transform:uppercase;font-weight:500;margin-right:50px;letter-spacing:2px;position:relative;transition:all .3s ease .2s}nav .menu .menu_links .link[data-v-f8423770]:last-child{margin-right:0}nav .menu .menu_links .link[data-v-f8423770]:before{content:"";position:absolute;width:0;height:4px;background:linear-gradient(90deg,#ffedc0,#ff9d87);bottom:-10px;border-radius:4px;transition:all .4s cubic-bezier(.82,.02,.13,1.26);left:100%}nav .menu .menu_links .link[data-v-f8423770]:hover{opacity:1;color:#fb8a8a}nav .menu .menu_links .link[data-v-f8423770]:hover:before{width:40px;left:0}nav .menu .menu_icon[data-v-f8423770]{width:40px;height:40px;position:relative;display:none;justify-content:center;align-items:center;cursor:pointer}@media screen and (max-width:799px){nav .menu .menu_icon[data-v-f8423770]{display:flex}}nav .menu .menu_icon .icon[data-v-f8423770]{width:24px;height:2px;background:#fff;position:absolute}nav .menu .menu_icon .icon[data-v-f8423770]:after,nav .menu .menu_icon .icon[data-v-f8423770]:before{content:"";width:100%;height:100%;background:inherit;position:absolute;transition:all .3s cubic-bezier(.49,.04,0,1.55)}nav .menu .menu_icon .icon[data-v-f8423770]:before{transform:translateY(-8px)}nav .menu .menu_icon .icon[data-v-f8423770]:after{transform:translateY(8px)}nav .menu .menu_icon:hover .icon[data-v-f8423770]{background:#ffedc0}nav .menu .menu_icon:hover .icon[data-v-f8423770]:before{transform:translateY(-10px)}nav .menu .menu_icon:hover .icon[data-v-f8423770]:after{transform:translateY(10px)}.wrapper[data-v-f8423770]{display:grid;grid-template-columns:1fr;justify-content:center;align-items:center;height:100vh;overflow-x:hidden}.wrapper .container[data-v-f8423770]{margin:0 auto;transition:all .4s ease;display:flex;justify-content:center;align-items:center;position:relative}.wrapper .container .scene[data-v-f8423770]{position:absolute;width:100vw;height:100vh;vertical-align:middle}.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{width:60%;height:60%;top:20%!important;left:20%!important;min-width:400px;min-height:400px}.wrapper .container .circle .content[data-v-f8423770],.wrapper .container .one .content[data-v-f8423770],.wrapper .container .p404 .content[data-v-f8423770],.wrapper .container .three .content[data-v-f8423770],.wrapper .container .two .content[data-v-f8423770]{width:600px;height:600px;display:flex;justify-content:center;align-items:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:content-f8423770 .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes content-f8423770{0%{width:0}}.wrapper .container .circle .content .piece[data-v-f8423770],.wrapper .container .one .content .piece[data-v-f8423770],.wrapper .container .p404 .content .piece[data-v-f8423770],.wrapper .container .three .content .piece[data-v-f8423770],.wrapper .container .two .content .piece[data-v-f8423770]{width:200px;height:80px;display:flex;position:absolute;border-radius:80px;z-index:1;animation:pieceLeft-f8423770 8s cubic-bezier(1,.06,.25,1) infinite both}@keyframes pieceLeft-f8423770{50%{left:80%;width:10%}}@keyframes pieceRight-f8423770{50%{right:80%;width:10%}}@media screen and (max-width:799px){.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{width:90%;height:90%;top:5%!important;left:5%!important;min-width:280px;min-height:280px}}@media screen and (max-height:660px){.wrapper .container .circle[data-v-f8423770],.wrapper .container .one[data-v-f8423770],.wrapper .container .p404[data-v-f8423770],.wrapper .container .three[data-v-f8423770],.wrapper .container .two[data-v-f8423770]{min-width:280px;min-height:280px;width:60%;height:60%;top:20%!important;left:20%!important}}.wrapper .container .text[data-v-f8423770]{width:60%;height:40%;min-width:400px;min-height:500px;position:absolute;margin:40px 0;animation:text-f8423770 .6s ease 1.8s backwards}@keyframes text-f8423770{0%{opacity:0;transform:translateY(40px)}}@media screen and (max-width:799px){.wrapper .container .text[data-v-f8423770]{min-height:400px;height:80%}}.wrapper .container .text article[data-v-f8423770]{width:400px;position:absolute;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;bottom:0;left:50%;transform:translateX(-50%)}@media screen and (max-width:799px){.wrapper .container .text article[data-v-f8423770]{width:100%}}.wrapper .container .text article p[data-v-f8423770]{color:#fff;font-size:18px;letter-spacing:.6px;margin-bottom:40px;text-shadow:6px 6px 10px #32243e}.wrapper .container .text article button[data-v-f8423770]{height:40px;padding:0 30px;border-radius:50px;cursor:pointer;box-shadow:0 15px 20px rgba(54,24,79,.5);z-index:3;color:#695681;background-color:#fff;text-transform:uppercase;font-weight:600;font-size:12px;transition:all .3s ease}.wrapper .container .text article button[data-v-f8423770]:hover{box-shadow:0 10px 10px -10px rgba(54,24,79,.5);transform:translateY(5px);background:#fb8a8a;color:#fff}.wrapper .container .p404[data-v-f8423770]{font-size:200px;font-weight:700;letter-spacing:4px;color:#fff;display:flex!important;justify-content:center;align-items:center;position:absolute;z-index:2;animation:anime404-f8423770 .6s cubic-bezier(.3,.8,1,1.05) both;animation-delay:1.2s}@media screen and (max-width:799px){.wrapper .container .p404[data-v-f8423770]{font-size:100px}}@keyframes anime404-f8423770{0%{opacity:0;transform:scale(10) skew(20deg,20deg)}}.wrapper .container .p404[data-v-f8423770]:nth-of-type(2){color:#36184f;z-index:1;animation-delay:1s;filter:blur(10px);opacity:.8}.wrapper .container .circle[data-v-f8423770]{position:absolute}.wrapper .container .circle[data-v-f8423770]:before{content:"";position:absolute;width:800px;height:800px;background-color:rgba(54,24,79,.2);border-radius:100%;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 5px 20px 40px rgba(54,24,79,.25),inset 5px 0 5px rgba(50,36,62,.3),inset 5px 5px 20px rgba(50,36,62,.25),2px 2px 5px hsla(0,0%,100%,.2);animation:circle-f8423770 .8s cubic-bezier(1,.06,.25,1) backwards}@keyframes circle-f8423770{0%{width:0;height:0}}@media screen and (max-width:799px){.wrapper .container .circle[data-v-f8423770]:before{width:400px;height:400px}}.wrapper .container .one .content[data-v-f8423770]:before{content:"";position:absolute;width:600px;height:600px;background-color:rgba(54,24,79,.3);border-radius:100%;box-shadow:inset 5px 20px 40px rgba(54,24,79,.25),inset 5px 0 5px rgba(50,36,62,.3),inset 5px 5px 20px rgba(50,36,62,.25),2px 2px 5px hsla(0,0%,100%,.2);animation:circle-f8423770 .8s cubic-bezier(1,.06,.25,1) .4s backwards}@media screen and (max-width:799px){.wrapper .container .one .content[data-v-f8423770]:before{width:300px;height:300px}}.wrapper .container .one .content .piece[data-v-f8423770]{background:linear-gradient(90deg,#8077ea 13.7%,#eb73ff 94.65%)}.wrapper .container .one .content .piece[data-v-f8423770]:first-child{right:15%;top:18%;height:30px;width:120px;animation-delay:.5s;animation-name:pieceRight-f8423770}.wrapper .container .one .content .piece[data-v-f8423770]:nth-child(2){left:15%;top:45%;width:150px;height:50px;animation-delay:1s;animation-name:pieceLeft-f8423770}.wrapper .container .one .content .piece[data-v-f8423770]:nth-child(3){left:10%;top:75%;height:20px;width:70px;animation-delay:1.5s;animation-name:pieceLeft-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]{background:linear-gradient(90deg,#ffedc0,#ff9d87)}.wrapper .container .two .content .piece[data-v-f8423770]:first-child{left:0;top:25%;height:40px;width:120px;animation-delay:2s;animation-name:pieceLeft-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]:nth-child(2){right:15%;top:35%;width:180px;height:50px;animation-delay:2.5s;animation-name:pieceRight-f8423770}.wrapper .container .two .content .piece[data-v-f8423770]:nth-child(3){right:10%;top:80%;height:20px;width:160px;animation-delay:3s;animation-name:pieceRight-f8423770}.wrapper .container .three .content .piece[data-v-f8423770]{background:#fb8a8a}.wrapper .container .three .content .piece[data-v-f8423770]:first-child{left:25%;top:35%;height:20px;width:80px;animation-name:pieceLeft-f8423770;animation-delay:3.5s}.wrapper .container .three .content .piece[data-v-f8423770]:nth-child(2){right:10%;top:55%;width:140px;height:40px;animation-name:pieceRight-f8423770;animation-delay:4s}.wrapper .container .three .content .piece[data-v-f8423770]:nth-child(3){left:40%;top:68%;height:20px;width:80px;animation-name:pieceLeft-f8423770;animation-delay:4.5s}.main-screen[data-v-4c867e42]{display:flex;gap:20px}.main-content[data-v-4c867e42]{transition:all .3s ease;flex:1;padding:20px;border-radius:10px;overflow-y:auto}.navbar-section[data-v-4c867e42]{width:250px;transition:all .3s ease}.navbar-section.hidden[data-v-4c867e42]{width:0}.main-content.full-width[data-v-4c867e42]{margin-left:0;flex:1}.reset-password-section[data-v-4c867e42]{padding:20px;border-radius:8px;background-color:#fff}.response-message[data-v-4c867e42]{margin-top:15px;font-size:14px;color:green}.progress-item[data-v-4c867e42]{margin-bottom:15px}.progress-label[data-v-4c867e42]{display:flex;justify-content:space-between}.progress-bar[data-v-4c867e42]{height:8px;background-color:#ddd;border-radius:4px;overflow:hidden}.progress-fill[data-v-4c867e42]{height:100%;background-color:#007bff}.login-container[data-v-2c95e9b2]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;padding:20px}.error-message[data-v-2c95e9b2]{color:red;font-size:.9rem;margin-bottom:15px;text-align:left}.gray-box[data-v-2c95e9b2]{width:600px;padding:40px;border-radius:20px;background-color:#d3d3d3;box-shadow:0 8px 16px rgba(0,0,0,.2)}.login-box[data-v-2c95e9b2]{width:400px;padding:30px;border-radius:15px;text-align:center;margin:auto}.logo[data-v-2c95e9b2]{margin-bottom:20px}.logo img[data-v-2c95e9b2]{max-width:50%;height:auto;display:block;margin:0 auto}h2[data-v-2c95e9b2]{font-size:1.5rem;margin-bottom:20px;color:#333}.form-group[data-v-2c95e9b2]{margin-bottom:15px}.form-group input[data-v-2c95e9b2]{width:100%;padding:10px;border:1px solid #aaa;border-radius:5px;font-size:1rem}.btn-login[data-v-2c95e9b2]{width:100%;padding:10px;font-size:1rem;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer}.btn-login[data-v-2c95e9b2]:hover{background-color:#333}.links[data-v-2c95e9b2]{margin-top:20px}.links a[data-v-2c95e9b2]{color:#000;text-decoration:none;font-size:.9rem;margin:0 10px}.links a[data-v-2c95e9b2]:hover{text-decoration:underline}@media screen and (max-width:480px){.gray-box[data-v-2c95e9b2]{width:90%;padding:20px}.login-box[data-v-2c95e9b2]{width:100%;padding:20px}h2[data-v-2c95e9b2]{font-size:1.2rem}.btn-login[data-v-2c95e9b2],.form-group input[data-v-2c95e9b2]{padding:8px;font-size:.9rem}.links a[data-v-2c95e9b2]{font-size:.8rem}}.login-container[data-v-02c70c3e]{display:flex;justify-content:center;align-items:center;height:100vh;background-color:#f9f9f9;padding:20px}.error-message[data-v-02c70c3e]{color:red;font-size:.9rem;margin-bottom:15px;text-align:left}.gray-box[data-v-02c70c3e]{width:600px;padding:40px;border-radius:20px;background-color:#d3d3d3;box-shadow:0 8px 16px rgba(0,0,0,.2)}.login-box[data-v-02c70c3e]{width:400px;padding:30px;border-radius:15px;text-align:center;margin:auto}.logo[data-v-02c70c3e]{margin-bottom:20px}.logo img[data-v-02c70c3e]{max-width:50%;height:auto;display:block;margin:0 auto}h2[data-v-02c70c3e]{font-size:1.5rem;margin-bottom:20px;color:#333}.form-group[data-v-02c70c3e]{margin-bottom:15px}.form-group input[data-v-02c70c3e]{width:100%;padding:10px;border:1px solid #aaa;border-radius:5px;font-size:1rem}.btn-login[data-v-02c70c3e]{width:100%;padding:10px;font-size:1rem;color:#fff;background-color:#000;border:none;border-radius:5px;cursor:pointer}.btn-login[data-v-02c70c3e]:hover{background-color:#333}.links[data-v-02c70c3e]{margin-top:20px}.links a[data-v-02c70c3e]{color:#000;text-decoration:none;font-size:.9rem;margin:0 10px}.links a[data-v-02c70c3e]:hover{text-decoration:underline}@media screen and (max-width:480px){.gray-box[data-v-02c70c3e]{width:90%;padding:20px}.login-box[data-v-02c70c3e]{width:100%;padding:20px}h2[data-v-02c70c3e]{font-size:1.2rem}.btn-login[data-v-02c70c3e],.form-group input[data-v-02c70c3e]{padding:8px;font-size:.9rem}.links a[data-v-02c70c3e]{font-size:.8rem}}.main-screen[data-v-3a88c2a5]{display:flex;gap:20px}.navbar-section[data-v-3a88c2a5]{width:250px;text-align:left}.main-content[data-v-3a88c2a5]{height:100vh;padding:20px;background-color:#f9f9f9;border-radius:10px;overflow-y:auto;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture img[data-v-3a88c2a5]{max-width:100px;border-radius:50%}.sections .section[data-v-3a88c2a5]{margin-bottom:20px}.preview-section[data-v-3a88c2a5]{width:350px;height:auto;z-index:1000;background-color:transparent}.navbar-section[data-v-3a88c2a5]{transition:width .3s ease;overflow:hidden}.navbar-section.hidden[data-v-3a88c2a5]{width:0}.main-content[data-v-3a88c2a5]{flex:2;transition:flex .3s ease}.main-content.full-width[data-v-3a88c2a5]{flex:1}.main-screen[data-v-3a88c2a5]{background-color:#f9f9f9;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture[data-v-3a88c2a5]{text-align:center}.image-container[data-v-3a88c2a5]{display:flex;align-items:left;gap:20px;margin-bottom:10px}.image-container img[data-v-3a88c2a5]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#e0e0e0}.upload-actions[data-v-3a88c2a5]{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.upload-button[data-v-3a88c2a5]{padding:10px 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.upload-button[data-v-3a88c2a5]:hover{background-color:#f7f7f7;border-color:#aaa}.file-input[data-v-3a88c2a5]{display:none}.upload-info[data-v-3a88c2a5]{font-size:12px;color:#666;margin-left:-12px}.custom-custom-modal[data-v-3a88c2a5]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center}.custom-custom-modal img.crop-img[data-v-3a88c2a5]{max-width:100%;max-height:300px}.custom-custom-modal-actions[data-v-3a88c2a5]{margin-top:20px;display:flex;justify-content:space-around}.cropper-container .cropper-face[data-v-3a88c2a5]{border-radius:50%!important}.crop-button[data-v-3a88c2a5]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.crop-button[data-v-3a88c2a5]:hover{background-color:#45a049}.cancel-button[data-v-3a88c2a5]{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-3a88c2a5]:hover{background-color:#d32f2f}.custom-custom-modal-overlay[data-v-3a88c2a5]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.personal-info-card[data-v-3a88c2a5]{border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:30px}.card-header[data-v-3a88c2a5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:transparent!important}.title[data-v-3a88c2a5]{font-size:1.2rem;font-weight:700;margin:0}.save-button[data-v-3a88c2a5]{border:1px solid #757575;background-color:#fff;color:#333;margin-bottom:10px}.save-button[data-v-3a88c2a5]:hover{background-color:#f5f5f5}.save-button i[data-v-3a88c2a5]{margin-right:5px}.info-content[data-v-3a88c2a5]{display:flex;flex-direction:column;gap:20px;padding:.5rem 1rem}.info-row[data-v-3a88c2a5]{display:flex;justify-content:space-between;gap:20px}.info-column[data-v-3a88c2a5]{position:relative;overflow:hidden;max-width:100%;padding:0;box-sizing:border-box}.info-label[data-v-3a88c2a5]{font-size:.85rem;color:#aaa;margin-bottom:5px}.info-value[data-v-3a88c2a5]{font-size:1rem;font-weight:700;color:#333}.info-input[data-v-3a88c2a5]{font-size:1rem;color:#333;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent;width:100%}.info-input[data-v-3a88c2a5]:focus{border-bottom:1px solid #000}.save-button[data-v-3a88c2a5]{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-button[data-v-3a88c2a5]:disabled{background-color:#ccc;cursor:not-allowed}.spinner[data-v-3a88c2a5]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #000;border-radius:50%;width:16px;height:16px;animation:spin-3a88c2a5 .8s linear infinite}@keyframes spin-3a88c2a5{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-container[data-v-3a88c2a5]{position:relative;width:100px;padding:0;margin:0}.image-upload-box[data-v-3a88c2a5]{border:2px dashed #ccc;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.preview-card[data-v-3a88c2a5]{position:fixed;top:20px;right:20px;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;z-index:1000}.preview-title[data-v-3a88c2a5]{font-size:1.2rem;font-weight:700;margin-bottom:10px}.preview-content[data-v-3a88c2a5]{height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9}.preview-content img[data-v-3a88c2a5]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.personal-info-card[data-v-3a88c2a5]{font-size:14px}.info-row[data-v-3a88c2a5]{flex-direction:column}.info-value[data-v-3a88c2a5]{font-size:12px;overflow:hidden;text-overflow:ellipsis}}.swiper-container[data-v-3a88c2a5]{width:100%;max-width:100%;overflow:hidden;text-align:center}.btn-select[data-v-3a88c2a5]{padding:10px 20px;font-size:14px;cursor:pointer}.swiper-slide[data-v-3a88c2a5]{display:flex;flex-direction:column;align-items:center;text-align:center}.card[data-v-3a88c2a5]{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-img-top[data-v-3a88c2a5]{max-height:200px;-o-object-fit:cover;object-fit:cover}.carousel-item[data-v-3a88c2a5]{display:flex;justify-content:center;align-items:center}.btn-select[data-v-3a88c2a5]{margin-top:10px}.carousel-control-next-icon[data-v-3a88c2a5],.carousel-control-prev-icon[data-v-3a88c2a5]{background-color:#000}.main-screen[data-v-a67c0660]{display:flex;gap:20px}.navbar-section[data-v-a67c0660]{width:250px;text-align:left}.main-content[data-v-a67c0660]{padding:20px;border-radius:10px;overflow-y:auto;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture img[data-v-a67c0660]{max-width:100px;border-radius:50%}.sections .section[data-v-a67c0660]{margin-bottom:20px}.preview-section[data-v-a67c0660]{width:350px;height:auto;z-index:1000;background-color:transparent}.navbar-section[data-v-a67c0660]{transition:width .3s ease;overflow:hidden}.navbar-section.hidden[data-v-a67c0660]{width:0}.main-content[data-v-a67c0660]{flex:2;transition:flex .3s ease}.main-content.full-width[data-v-a67c0660]{flex:1}.main-screen[data-v-a67c0660]{text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture[data-v-a67c0660]{text-align:center}.image-container[data-v-a67c0660]{display:flex;align-items:left;gap:20px;margin-bottom:10px}.image-container img[data-v-a67c0660]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#e0e0e0}.upload-actions[data-v-a67c0660]{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.upload-button[data-v-a67c0660]{padding:10px 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.upload-button[data-v-a67c0660]:hover{background-color:#f7f7f7;border-color:#aaa}.file-input[data-v-a67c0660]{display:none}.upload-info[data-v-a67c0660]{font-size:12px;color:#666;margin-left:-12px}.custom-custom-modal[data-v-a67c0660]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center}.custom-custom-modal img.crop-img[data-v-a67c0660]{max-width:100%;max-height:300px}.custom-custom-modal-actions[data-v-a67c0660]{margin-top:20px;display:flex;justify-content:space-around}.cropper-container .cropper-face[data-v-a67c0660]{border-radius:50%!important}.crop-button[data-v-a67c0660]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.crop-button[data-v-a67c0660]:hover{background-color:#45a049}.cancel-button[data-v-a67c0660]{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-a67c0660]:hover{background-color:#d32f2f}.custom-custom-modal-overlay[data-v-a67c0660]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.personal-info-card[data-v-a67c0660]{border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:30px}.card-header[data-v-a67c0660]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:transparent!important}.title[data-v-a67c0660]{font-size:1.2rem;font-weight:700;margin:0}.save-button[data-v-a67c0660]{border:1px solid #757575;background-color:#fff;color:#333;margin-bottom:10px}.save-button[data-v-a67c0660]:hover{background-color:#f5f5f5}.save-button i[data-v-a67c0660]{margin-right:5px}.info-content[data-v-a67c0660]{display:flex;flex-direction:column;gap:20px;padding:.5rem 1rem}.info-column[data-v-a67c0660]{display:flex;flex-direction:column;flex:1}.info-label[data-v-a67c0660]{font-size:.85rem;color:#aaa;margin-bottom:5px}.info-value[data-v-a67c0660]{font-size:1rem;font-weight:700;color:#333}.info-input[data-v-a67c0660]{font-size:1rem;color:#333;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent;width:100%}.info-input[data-v-a67c0660]:focus{border-bottom:1px solid #000}.save-button[data-v-a67c0660]{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-button[data-v-a67c0660]:disabled{background-color:#ccc;cursor:not-allowed}.spinner[data-v-a67c0660]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #000;border-radius:50%;width:16px;height:16px;animation:spin-a67c0660 .8s linear infinite}@keyframes spin-a67c0660{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-container[data-v-a67c0660]{position:relative;width:100px;padding:0;margin:0}.image-upload-box[data-v-a67c0660]{border:2px dashed #ccc;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.preview-card[data-v-a67c0660]{position:fixed;top:20px;right:20px;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;z-index:1000}.preview-title[data-v-a67c0660]{font-size:1.2rem;font-weight:700;margin-bottom:10px}.preview-content[data-v-a67c0660]{height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9}.preview-content img[data-v-a67c0660]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.personal-info-card[data-v-a67c0660]{font-size:14px}.info-row[data-v-a67c0660]{flex-direction:column}.info-value[data-v-a67c0660]{font-size:12px;overflow:hidden;text-overflow:ellipsis}}.info-row[data-v-a67c0660]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.info-label[data-v-a67c0660]{font-size:14px;color:#333}.pagination-bar[data-v-a67c0660]{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:2rem}.pagination-bar button[data-v-a67c0660]{padding:5px 12px;border-radius:6px;cursor:pointer}.pagination-bar button[data-v-a67c0660]:disabled{opacity:.4;cursor:not-allowed}.main-screen[data-v-69957b00]{display:flex;gap:20px}.navbar-section[data-v-69957b00]{width:250px;text-align:left}.main-content[data-v-69957b00]{padding:20px;background-color:#f9f9f9;border-radius:10px;overflow-y:auto;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture img[data-v-69957b00]{max-width:100px;border-radius:50%}.sections .section[data-v-69957b00]{margin-bottom:20px}.preview-section[data-v-69957b00]{width:350px;height:auto;z-index:1000;background-color:transparent}.navbar-section[data-v-69957b00]{transition:width .3s ease;overflow:hidden}.navbar-section.hidden[data-v-69957b00]{width:0}.main-content[data-v-69957b00]{flex:2;transition:flex .3s ease}.main-content.full-width[data-v-69957b00]{flex:1}.main-screen[data-v-69957b00]{background-color:#f9f9f9;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture[data-v-69957b00]{text-align:center}.image-container[data-v-69957b00]{display:flex;align-items:left;gap:20px;margin-bottom:10px}.image-container img[data-v-69957b00]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#e0e0e0}.upload-actions[data-v-69957b00]{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.upload-button[data-v-69957b00]{padding:10px 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.upload-button[data-v-69957b00]:hover{background-color:#f7f7f7;border-color:#aaa}.file-input[data-v-69957b00]{display:none}.upload-info[data-v-69957b00]{font-size:12px;color:#666;margin-left:-12px}.custom-custom-modal[data-v-69957b00]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center}.custom-custom-modal img.crop-img[data-v-69957b00]{max-width:100%;max-height:300px}.custom-custom-modal-actions[data-v-69957b00]{margin-top:20px;display:flex;justify-content:space-around}.cropper-container .cropper-face[data-v-69957b00]{border-radius:50%!important}.crop-button[data-v-69957b00]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.crop-button[data-v-69957b00]:hover{background-color:#45a049}.cancel-button[data-v-69957b00]{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-69957b00]:hover{background-color:#d32f2f}.custom-custom-modal-overlay[data-v-69957b00]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.personal-info-card[data-v-69957b00]{border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:30px}.card-header[data-v-69957b00]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:transparent!important}.title[data-v-69957b00]{font-size:1.2rem;font-weight:700;margin:0}.save-button[data-v-69957b00]{border:1px solid #757575;background-color:#fff;color:#333;margin-bottom:10px}.save-button[data-v-69957b00]:hover{background-color:#f5f5f5}.save-button i[data-v-69957b00]{margin-right:5px}.info-content[data-v-69957b00]{display:flex;flex-direction:column;gap:20px;padding:.5rem 1rem}.info-row[data-v-69957b00]{display:flex;justify-content:space-between;gap:20px}.info-column[data-v-69957b00]{display:flex;flex-direction:column;flex:1}.info-label[data-v-69957b00]{font-size:.85rem;color:#aaa;margin-bottom:5px}.info-value[data-v-69957b00]{font-size:1rem;font-weight:700;color:#333}.info-input[data-v-69957b00]{font-size:1rem;color:#333;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent;width:100%}.info-input[data-v-69957b00]:focus{border-bottom:1px solid #000}.save-button[data-v-69957b00]{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-button[data-v-69957b00]:disabled{background-color:#ccc;cursor:not-allowed}.spinner[data-v-69957b00]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #000;border-radius:50%;width:16px;height:16px;animation:spin-69957b00 .8s linear infinite}@keyframes spin-69957b00{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-container[data-v-69957b00]{position:relative;width:100px;padding:0;margin:0}.image-upload-box[data-v-69957b00]{border:2px dashed #ccc;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.preview-card[data-v-69957b00]{position:fixed;top:20px;right:20px;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;z-index:1000}.preview-title[data-v-69957b00]{font-size:1.2rem;font-weight:700;margin-bottom:10px}.preview-content[data-v-69957b00]{height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9}.preview-content img[data-v-69957b00]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.personal-info-card[data-v-69957b00]{font-size:14px}.info-row[data-v-69957b00]{flex-direction:column}.info-value[data-v-69957b00]{font-size:12px;overflow:hidden;text-overflow:ellipsis}}.main-screen[data-v-986eb4aa]{display:flex;gap:20px}.navbar-section[data-v-986eb4aa]{width:250px;text-align:left}.main-content[data-v-986eb4aa]{height:100vh;padding:20px;background-color:#f9f9f9;border-radius:10px;overflow-y:auto;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture img[data-v-986eb4aa]{max-width:100px;border-radius:50%}.sections .section[data-v-986eb4aa]{margin-bottom:20px}.preview-section[data-v-986eb4aa]{width:350px;height:auto;z-index:1000;background-color:transparent}.navbar-section[data-v-986eb4aa]{transition:width .3s ease;overflow:hidden}.navbar-section.hidden[data-v-986eb4aa]{width:0}.main-content[data-v-986eb4aa]{flex:2;transition:flex .3s ease}.main-content.full-width[data-v-986eb4aa]{flex:1}.main-screen[data-v-986eb4aa]{background-color:#f9f9f9;text-align:left!important;justify-content:flex-start!important;align-items:flex-start!important}.profile-picture[data-v-986eb4aa]{text-align:center}.image-container[data-v-986eb4aa]{display:flex;align-items:left;gap:20px;margin-bottom:10px}.image-container img[data-v-986eb4aa]{width:100px;height:100px;border-radius:50%;-o-object-fit:cover;object-fit:cover;background-color:#e0e0e0}.upload-actions[data-v-986eb4aa]{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}.upload-button[data-v-986eb4aa]{padding:10px 20px;font-size:14px;font-weight:500;color:#333;background-color:#fff;border:1px solid #ccc;border-radius:20px;cursor:pointer;transition:all .3s ease;margin-bottom:10px}.upload-button[data-v-986eb4aa]:hover{background-color:#f7f7f7;border-color:#aaa}.file-input[data-v-986eb4aa]{display:none}.upload-info[data-v-986eb4aa]{font-size:12px;color:#666;margin-left:-12px}.custom-custom-modal[data-v-986eb4aa]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;background:#fff;border-radius:10px;padding:20px;width:90%;max-width:400px;text-align:center}.custom-custom-modal img.crop-img[data-v-986eb4aa]{max-width:100%;max-height:300px}.custom-custom-modal-actions[data-v-986eb4aa]{margin-top:20px;display:flex;justify-content:space-around}.cropper-container .cropper-face[data-v-986eb4aa]{border-radius:50%!important}.crop-button[data-v-986eb4aa]{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:5px;cursor:pointer}.crop-button[data-v-986eb4aa]:hover{background-color:#45a049}.cancel-button[data-v-986eb4aa]{padding:10px 20px;background-color:#f44336;color:#fff;border:none;border-radius:5px;cursor:pointer}.cancel-button[data-v-986eb4aa]:hover{background-color:#d32f2f}.custom-custom-modal-overlay[data-v-986eb4aa]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:999}.personal-info-card[data-v-986eb4aa]{border:1px solid #ddd;border-radius:12px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,.1);margin-bottom:30px}.card-header[data-v-986eb4aa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background-color:transparent!important}.title[data-v-986eb4aa]{font-size:1.2rem;font-weight:700;margin:0}.save-button[data-v-986eb4aa]{border:1px solid #757575;background-color:#fff;color:#333;margin-bottom:10px}.save-button[data-v-986eb4aa]:hover{background-color:#f5f5f5}.save-button i[data-v-986eb4aa]{margin-right:5px}.info-content[data-v-986eb4aa]{display:flex;flex-direction:column;gap:20px;padding:.5rem 1rem}.info-row[data-v-986eb4aa]{display:flex;justify-content:space-between;gap:20px}.info-column[data-v-986eb4aa]{position:relative;overflow:hidden;max-width:100%;padding:0;box-sizing:border-box}.info-label[data-v-986eb4aa]{font-size:.85rem;color:#aaa;margin-bottom:5px}.info-value[data-v-986eb4aa]{font-size:1rem;font-weight:700;color:#333}.info-input[data-v-986eb4aa]{font-size:1rem;color:#333;border:none;border-bottom:1px solid #ccc;outline:none;background:transparent;width:100%}.info-input[data-v-986eb4aa]:focus{border-bottom:1px solid #000}.save-button[data-v-986eb4aa]{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.9rem;padding:8px 12px;border-radius:6px;cursor:pointer;transition:background-color .3s ease}.save-button[data-v-986eb4aa]:disabled{background-color:#ccc;cursor:not-allowed}.spinner[data-v-986eb4aa]{border:2px solid hsla(0,0%,100%,.3);border-top:2px solid #000;border-radius:50%;width:16px;height:16px;animation:spin-986eb4aa .8s linear infinite}@keyframes spin-986eb4aa{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.image-preview-container[data-v-986eb4aa]{position:relative;width:100px;padding:0;margin:0}.image-upload-box[data-v-986eb4aa]{border:2px dashed #ccc;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.preview-card[data-v-986eb4aa]{position:fixed;top:20px;right:20px;width:350px;background-color:#fff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1);padding:20px;z-index:1000}.preview-title[data-v-986eb4aa]{font-size:1.2rem;font-weight:700;margin-bottom:10px}.preview-content[data-v-986eb4aa]{height:500px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#f9f9f9}.preview-content img[data-v-986eb4aa]{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}@media (max-width:768px){.personal-info-card[data-v-986eb4aa]{font-size:14px}.info-row[data-v-986eb4aa]{flex-direction:column}.info-value[data-v-986eb4aa]{font-size:12px;overflow:hidden;text-overflow:ellipsis}}.swiper-container[data-v-986eb4aa]{width:100%;max-width:100%;overflow:hidden;text-align:center}.btn-select[data-v-986eb4aa]{padding:10px 20px;font-size:14px;cursor:pointer}.swiper-slide[data-v-986eb4aa]{display:flex;flex-direction:column;align-items:center;text-align:center}.card[data-v-986eb4aa]{border:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-img-top[data-v-986eb4aa]{max-height:200px;-o-object-fit:cover;object-fit:cover}.carousel-item[data-v-986eb4aa]{display:flex;justify-content:center;align-items:center}.btn-select[data-v-986eb4aa]{margin-top:10px}.carousel-control-next-icon[data-v-986eb4aa],.carousel-control-prev-icon[data-v-986eb4aa]{background-color:#000}