.app-skill-update-confirmation .modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.app-skill-update-confirmation .modal-container{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out suc-fadeIn;display:flex;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.app-skill-update-confirmation .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:24px 24px 20px;display:flex}.app-skill-update-confirmation .modal-title{color:#202020;flex:1;margin:0;padding-right:16px;font-size:1.375rem;font-weight:700;line-height:1.75rem}.app-skill-update-confirmation .close-btn{cursor:pointer;color:#000;background:#efefef;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .2s;display:flex}.app-skill-update-confirmation .close-btn:focus-visible{outline:0!important}.app-skill-update-confirmation .close-btn:hover{color:#374151;background:#e5e7eb}.app-skill-update-confirmation .close-btn svg{width:16px;height:16px}.app-skill-update-confirmation .modal-content{flex:1;padding:0 24px 14px}.app-skill-update-confirmation .modal-footer{border-top:1px solid #e5e7eb;flex-direction:column;gap:12px;padding:10px 24px 24px;display:flex}.app-skill-update-confirmation .mandatory-details-section{margin-top:14px;margin-bottom:24px}.app-skill-update-confirmation .details-list{margin:0;padding:0;list-style:none}.app-skill-update-confirmation .detail-item{color:#000;border-radius:6px;align-items:center;gap:10px;margin-bottom:10px;font-size:1rem;font-weight:500;line-height:22px;display:flex}.app-skill-update-confirmation .detail-item:last-child{margin-bottom:0}.app-skill-update-confirmation .check-point{background:url("/images/blue-check.svg ") 50% no-repeat;width:18px;height:17px}.app-skill-update-confirmation .detail-text{color:#000;font-size:1rem;font-weight:500;line-height:22px}.app-skill-update-confirmation .description{color:#000;text-align:left;max-width:100%;margin:0 0 10px;font-size:1rem;line-height:22px}.app-skill-update-confirmation .confirmationBox{flex-direction:column;align-items:center;gap:0;display:flex}.app-skill-update-confirmation .confirmationBox img{width:58px;min-width:58px;max-width:58px;height:58px;min-height:58px;max-height:58px;margin-bottom:20px}.app-skill-update-confirmation .confirmationBox .confirmation-head{color:#111827;margin:0;font-size:1.5rem;font-weight:700;line-height:1.75rem}.app-skill-update-confirmation .confirmationBox p{color:#505050;text-align:center;margin:0 0 2rem;font-size:1rem;font-weight:400;line-height:normal}.app-skill-update-confirmation .confirmationBox .buttonInner{justify-content:space-between;align-items:center;gap:20px;display:flex}.app-skill-update-confirmation .confirmationCard{background-color:#fff;border-radius:12px;justify-content:center;align-items:center;width:100%;min-width:570px;margin:0 auto;padding:50px 24px;display:flex;box-shadow:0 8px 8px -4px #10182808,0 20px 24px -4px #10182814}@media (max-width:575px){.app-skill-update-confirmation .confirmationCard{text-align:center;flex-direction:column;width:100%;min-width:320px}}.app-skill-update-confirmation .btn-wrap{justify-content:center;align-items:center;gap:15px;display:flex}.app-skill-update-confirmation .btn-wrap .solid-btn,.app-skill-update-confirmation .btn-wrap .outline-btn{color:#fff;cursor:pointer;background-color:#5761f3;border:none;border-radius:12px;width:100%;padding:12px 24px;font-size:1rem;font-weight:500;line-height:1.5rem;transition:all .2s}:is(.app-skill-update-confirmation .btn-wrap .solid-btn,.app-skill-update-confirmation .btn-wrap .outline-btn):hover{box-shadow:none;background-color:#2f4bd4;border:1px solid #2f4bd4}:is(.app-skill-update-confirmation .btn-wrap .solid-btn,.app-skill-update-confirmation .btn-wrap .outline-btn):active{transform:scale(.98)}.app-skill-update-confirmation .btn-wrap .outline-btn{color:#6c757d;background-color:#0000;border:1px solid #6c757d}.app-skill-update-confirmation .btn-wrap .outline-btn:hover{color:#fff;background:#6c757d;border:1px solid #6c757d}@media (max-width:575px){.app-skill-update-confirmation .btn-wrap{flex-direction:column;width:100%}}.app-skill-update-confirmation .btn-wrap button{min-width:120px}@media (max-width:575px){.app-skill-update-confirmation .btn-wrap button{width:100%}}@media (max-width:575px){.app-skill-update-confirmation .modal-container{border-radius:12px;width:95%;max-width:none}.app-skill-update-confirmation .modal-header{padding:20px 16px 16px}.app-skill-update-confirmation .modal-title{font-size:1.125rem;line-height:1.5rem}.app-skill-update-confirmation .modal-content{padding:20px 16px}.app-skill-update-confirmation .modal-footer{padding:16px}}@keyframes suc-fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}
.resume-update-modal{background:#fff;border-radius:12px;width:100%;max-width:500px;margin:0 auto;overflow:hidden;box-shadow:0 10px 30px #0000001a}.resume-update-modal .modal-header{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;margin-bottom:24px;padding:24px;display:flex}.resume-update-modal .modal-header .modal-title{color:#1f2937;margin:0;font-size:24px;font-weight:600;line-height:30px}.resume-update-modal .modal-header .close-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.resume-update-modal .modal-header .close-btn:hover:not(:disabled){background-color:#f3f4f6}.resume-update-modal .modal-header .close-btn:disabled{opacity:.5;cursor:not-allowed}.resume-update-modal .modal-header .close-btn .mat-icon{color:#6b7280;font-size:20px}.resume-update-modal .modal-content{padding:0 24px 24px}.resume-update-modal .modal-content .upload-section{text-align:center}.resume-update-modal .modal-content .upload-section .upload-icon{margin-bottom:16px}.resume-update-modal .modal-content .upload-section .upload-icon .mat-icon{color:#3b82f6;width:48px;height:48px;font-size:48px}.resume-update-modal .modal-content .upload-section h3{color:#1f2937;margin:0 0 8px;font-size:20px;font-weight:600}.resume-update-modal .modal-content .upload-section .upload-description{color:#6b7280;max-width:400px;margin:0 auto 24px;font-size:.875rem;line-height:1.5}.resume-update-modal .modal-content .upload-section .file-selection-area{cursor:pointer;border:2px dashed #d1d5db;border-radius:8px;margin-bottom:16px;padding:32px 16px;transition:all .2s}.resume-update-modal .modal-content .upload-section .file-selection-area:hover{background-color:#f8fafc;border-color:#3b82f6}.resume-update-modal .modal-content .upload-section .file-selection-area .file-placeholder{color:#6b7280;flex-direction:column;align-items:center;gap:8px;display:flex}.resume-update-modal .modal-content .upload-section .file-selection-area .file-placeholder .mat-icon{width:32px;height:32px;font-size:32px}.resume-update-modal .modal-content .upload-section .file-selection-area .file-placeholder span{font-size:.875rem}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file{background-color:#f3f4f6;border-radius:6px;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .file-info{align-items:center;gap:12px;display:flex}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .file-info .mat-icon{color:#3b82f6;width:24px;height:24px;font-size:24px}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .file-info .file-details{flex-direction:column;align-items:flex-start;display:flex}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .file-info .file-details .file-name{color:#1f2937;font-size:.875rem;font-weight:500}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .file-info .file-details .file-size{color:#6b7280;font-size:12px}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .remove-file-btn{cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:background-color .2s;display:flex}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .remove-file-btn:hover:not(:disabled){background-color:#fee2e2}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .remove-file-btn:disabled{opacity:.5;cursor:not-allowed}.resume-update-modal .modal-content .upload-section .file-selection-area .selected-file .remove-file-btn .mat-icon{color:#ef4444;width:16px;height:16px;font-size:16px}.resume-update-modal .modal-content .upload-section .error-message{color:#ef4444;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:.875rem;display:flex}.resume-update-modal .modal-content .upload-section .error-message .mat-icon{width:16px;height:16px;font-size:16px}.resume-update-modal .modal-content .upload-section .action-buttons{justify-content:flex-end;gap:12px;display:flex}.resume-update-modal .modal-content .upload-section .action-buttons .btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:8px;padding:12px 24px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.resume-update-modal .modal-content .upload-section .action-buttons .btn:disabled{opacity:.5;cursor:not-allowed}.resume-update-modal .modal-content .upload-section .action-buttons .btn.btn-secondary{color:#374151;background-color:#f3f4f6}.resume-update-modal .modal-content .upload-section .action-buttons .btn.btn-secondary:hover:not(:disabled){background-color:#e5e7eb}.resume-update-modal .modal-content .upload-section .action-buttons .btn.btn-primary{background-color:var(--btncolor);color:#fff;border:1px solid var(--btncolor);transition:all .3s}.resume-update-modal .modal-content .upload-section .action-buttons .btn.btn-primary:hover:not(:disabled){box-shadow:none;background-color:#2f4bd4;border:1px solid #2f4bd4}.resume-update-modal .modal-content .success-section{text-align:center;padding:24px 0}.resume-update-modal .modal-content .success-section .success-icon{margin-bottom:16px}.resume-update-modal .modal-content .success-section .success-icon .mat-icon{color:#10b981;width:64px;height:64px;font-size:64px}.resume-update-modal .modal-content .success-section h3{color:#1f2937;margin:0 0 8px;font-size:24px;font-weight:600}.resume-update-modal .modal-content .success-section .success-message{color:#6b7280;margin:0 0 24px;font-size:16px}.resume-update-modal .modal-content .success-section .success-actions .btn{cursor:pointer;border:none;border-radius:6px;padding:12px 32px;font-size:16px;font-weight:500;transition:all .2s}.resume-update-modal .modal-content .success-section .success-actions .btn.btn-primary{color:#fff;background-color:#10b981}.resume-update-modal .modal-content .success-section .success-actions .btn.btn-primary:hover{background-color:#059669}.mat-mdc-progress-spinner circle{stroke:#fff}.resume-update-modal .close-btn .mat-icon{height:20px!important}