@-webkit-keyframes slideDown-63f892e5{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideDown-63f892e5{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInUp-63f892e5{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInUp-63f892e5{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slideInLeft-63f892e5{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft-63f892e5{0%{opacity:0;-webkit-transform:translateX(-30px);transform:translateX(-30px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes float-63f892e5{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@keyframes float-63f892e5{0%,to{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-12px);transform:translateY(-12px)}}@-webkit-keyframes fadeInScale-63f892e5{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale-63f892e5{0%{opacity:0;-webkit-transform:scale(.95);transform:scale(.95)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rotate-63f892e5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate-63f892e5{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes fadeInUp-63f892e5{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp-63f892e5{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}#change-profile-pic[data-v-63f892e5]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px 0}#change-profile-pic .header-section[data-v-63f892e5]{background:linear-gradient(135deg,#3a67b1,#0097d7 50%,#3a67b1)!important;border-radius:20px;overflow:hidden;position:relative;border:none;-webkit-box-shadow:0 20px 60px rgba(58,103,177,.5),0 0 40px rgba(0,151,215,.3);box-shadow:0 20px 60px rgba(58,103,177,.5),0 0 40px rgba(0,151,215,.3);margin:15px!important}#change-profile-pic .header-section[data-v-63f892e5]:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 70%);-webkit-animation:rotate-63f892e5 20s linear infinite;animation:rotate-63f892e5 20s linear infinite}#change-profile-pic .header-section .header-gradient[data-v-63f892e5]{position:relative;z-index:1}#change-profile-pic .header-icon-box[data-v-63f892e5]{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:12px;-webkit-box-shadow:0 8px 32px rgba(0,0,0,.15);box-shadow:0 8px 32px rgba(0,0,0,.15);-webkit-animation:float-63f892e5 3s ease-in-out infinite;animation:float-63f892e5 3s ease-in-out infinite}#change-profile-pic .header-title[data-v-63f892e5]{font-size:28px;font-weight:700;letter-spacing:.5px;text-shadow:2px 2px 4px rgba(0,0,0,.2);-webkit-animation:fadeInUp-63f892e5 .8s ease-out;animation:fadeInUp-63f892e5 .8s ease-out}#change-profile-pic .header-subtitle[data-v-63f892e5]{font-size:14px;opacity:.95;letter-spacing:.3px;-webkit-animation:fadeInUp-63f892e5 1s ease-out;animation:fadeInUp-63f892e5 1s ease-out}#change-profile-pic .close-btn[data-v-63f892e5]{background:hsla(0,0%,100%,.15)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid hsla(0,0%,100%,.2)}#change-profile-pic .close-btn[data-v-63f892e5]:hover{background:hsla(0,0%,100%,.25)!important;-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg);-webkit-box-shadow:0 8px 24px rgba(0,0,0,.2);box-shadow:0 8px 24px rgba(0,0,0,.2)}#change-profile-pic .form-card[data-v-63f892e5]{border-radius:18px!important;border:2px solid rgba(58,103,177,.2);-webkit-box-shadow:0 12px 40px rgba(58,103,177,.15),0 0 30px rgba(0,151,215,.08);box-shadow:0 12px 40px rgba(58,103,177,.15),0 0 30px rgba(0,151,215,.08);-webkit-animation:fadeInScale-63f892e5 .6s ease-out;animation:fadeInScale-63f892e5 .6s ease-out;background:-webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(50%,#fafbff),to(#f5f7ff));background:linear-gradient(180deg,#fff 0,#fafbff 50%,#f5f7ff);position:relative;overflow:hidden;margin:0 15px 20px 15px}#change-profile-pic .form-card[data-v-63f892e5]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 100% 0,rgba(0,151,215,.1) 0,transparent 50%);pointer-events:none}#change-profile-pic .notes-card[data-v-63f892e5]{border-radius:14px!important;background:linear-gradient(135deg,rgba(33,150,243,.12),rgba(119,235,255,.08))!important;border-left:5px solid #2196f3!important;-webkit-animation:slideInUp-63f892e5 .8s ease-out;animation:slideInUp-63f892e5 .8s ease-out;-webkit-box-shadow:0 8px 24px rgba(33,150,243,.15)!important;box-shadow:0 8px 24px rgba(33,150,243,.15)!important;border:2px solid rgba(33,150,243,.25)!important;position:relative;overflow:hidden}#change-profile-pic .notes-card[data-v-63f892e5]:before{content:"";position:absolute;top:0;right:0;width:200px;height:200px;background:radial-gradient(circle,rgba(33,150,243,.1) 0,transparent 70%);pointer-events:none}#change-profile-pic .notes-card .notes-icon[data-v-63f892e5]{color:#2196f3!important;font-size:28px;-webkit-animation:float-63f892e5 3s ease-in-out infinite;animation:float-63f892e5 3s ease-in-out infinite}#change-profile-pic .notes-card .notes-title[data-v-63f892e5]{font-size:16px;font-weight:700;color:#2196f3;text-transform:uppercase;letter-spacing:.6px;margin:0}#change-profile-pic .notes-card .notes-list[data-v-63f892e5]{list-style:none;padding:0;margin:0;font-size:13px;color:#414042;line-height:1.8}#change-profile-pic .notes-card .notes-list li[data-v-63f892e5]{position:relative;padding-left:20px;margin-bottom:8px}#change-profile-pic .notes-card .notes-list li[data-v-63f892e5]:before{content:"✓";position:absolute;left:0;color:#1db954;font-weight:900;font-size:14px}#change-profile-pic .editor-card[data-v-63f892e5]{border-radius:14px!important;border:2px solid #e2e8f0!important;-webkit-box-shadow:0 8px 24px rgba(58,103,177,.1)!important;box-shadow:0 8px 24px rgba(58,103,177,.1)!important;-webkit-animation:slideInUp-63f892e5 .8s ease-out .1s backwards;animation:slideInUp-63f892e5 .8s ease-out .1s backwards;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#fafbff))!important;background:linear-gradient(180deg,#fff 0,#fafbff)!important}#change-profile-pic .editor-card .section-title[data-v-63f892e5]{font-size:18px;font-weight:700;color:#3a67b1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:16px 20px!important}#change-profile-pic .cropper-container[data-v-63f892e5]{background:linear-gradient(135deg,#f8fafc,#fff);border:3px dashed #e2e8f0;border-radius:14px;padding:10px;-webkit-box-shadow:inset 0 2px 8px rgba(0,0,0,.05);box-shadow:inset 0 2px 8px rgba(0,0,0,.05);-webkit-animation:fadeInScale-63f892e5 .7s ease-out;animation:fadeInScale-63f892e5 .7s ease-out}#change-profile-pic .cropper-container .cropper[data-v-63f892e5]{height:300px!important;background:linear-gradient(135deg,#fff,#fafbff);border-radius:10px}#change-profile-pic .upload-input[data-v-63f892e5]{-webkit-transition:all .3s ease;transition:all .3s ease}#change-profile-pic .upload-input[data-v-63f892e5]:focus-within{-webkit-box-shadow:0 0 0 3px rgba(58,103,177,.1);box-shadow:0 0 0 3px rgba(58,103,177,.1)}#change-profile-pic .edit-actions[data-v-63f892e5]{padding:16px;background:linear-gradient(135deg,rgba(58,103,177,.08),rgba(0,151,215,.08));border-radius:12px;border:2px solid rgba(58,103,177,.15)}#change-profile-pic .edit-actions h6[data-v-63f892e5]{font-size:14px;font-weight:700;color:#3a67b1;text-transform:uppercase;letter-spacing:.6px;margin:0}#change-profile-pic .edit-actions .action-grid[data-v-63f892e5]{display:grid;grid-template-columns:1fr 1fr;gap:12px}#change-profile-pic .edit-actions .action-grid .action-fab[data-v-63f892e5]{-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.15);box-shadow:0 4px 12px rgba(0,0,0,.15);font-weight:700}#change-profile-pic .edit-actions .action-grid .action-fab[data-v-63f892e5]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 8px 20px rgba(0,0,0,.25);box-shadow:0 8px 20px rgba(0,0,0,.25)}#change-profile-pic .upload-btn[data-v-63f892e5]{background:linear-gradient(135deg,#3a67b1,#0097d7)!important;-webkit-box-shadow:0 8px 20px rgba(58,103,177,.25)!important;box-shadow:0 8px 20px rgba(58,103,177,.25)!important;-webkit-transition:all .4s cubic-bezier(.4,0,.2,1);transition:all .4s cubic-bezier(.4,0,.2,1);border-radius:10px!important;text-transform:uppercase;letter-spacing:.6px}#change-profile-pic .upload-btn[data-v-63f892e5]:hover:not(:disabled){-webkit-transform:translateY(-3px);transform:translateY(-3px);-webkit-box-shadow:0 12px 30px rgba(58,103,177,.35)!important;box-shadow:0 12px 30px rgba(58,103,177,.35)!important}#change-profile-pic .upload-btn[data-v-63f892e5]:disabled{opacity:.6}#change-profile-pic .gap-4[data-v-63f892e5]{gap:16px}#change-profile-pic .gap-3[data-v-63f892e5]{gap:12px}@media(max-width:768px){#change-profile-pic .header-section[data-v-63f892e5]{margin:10px!important}#change-profile-pic .form-card[data-v-63f892e5]{margin:0 10px 20px 10px}#change-profile-pic .header-title[data-v-63f892e5]{font-size:24px}#change-profile-pic .header-subtitle[data-v-63f892e5]{font-size:13px}}