h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;animation:backdropAppear .3s cubic-bezier(.4,0,.2,1) forwards}.modal-content{position:relative;background:#f1f1f1;border-radius:15px;max-width:min(50%,100%);min-width:clamp(360px,55%,960px);min-height:clamp(400px,85%,90%);margin:0 auto;padding:0;box-shadow:0 6px 10rem #0000007a;display:flex;flex-direction:column;max-height:85vh;overflow:hidden;transform:scale(.95);opacity:0;animation:modalZoom .3s cubic-bezier(.4,0,.2,1) forwards}@keyframes backdropAppear{0%{opacity:0}to{opacity:1}}@keyframes modalZoom{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes modalFadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes backdropFadeOut{0%{opacity:1}to{opacity:0}}.modal-content.closing{animation:modalFadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.modal-overlay.closing{animation:backdropFadeOut .3s cubic-bezier(.4,0,.2,1) forwards}.modal-header{text-transform:uppercase;position:sticky;top:0;text-align:center;padding:1.5rem;border-bottom:1px solid #e0e0e0;background-color:#fff;border-top-left-radius:15px;border-top-right-radius:15px;z-index:10;box-shadow:10px 0 5rem #00000021}.modal-header h2{font-size:clamp(1rem,2vw,1.3rem);font-weight:500;color:#007b73;margin:0;font-family:Segoe UI,Arial,sans-serif}.modal-footer{position:sticky;bottom:0;background-color:#fff;border-top:1px solid #e0e0e0;padding:1rem 1.5rem;display:flex;justify-content:center;z-index:10;box-shadow:10px 0 5rem #00000021}.modal-body{flex:1;overflow-y:auto;padding:clamp(1rem,3vw,2rem);scroll-behavior:smooth;background:#fff}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-thumb{background-color:#0003;border-radius:5px}@keyframes bodyFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(1rem,3vw,2rem);height:220px;animation:fadeIn .1s ease-in}.loader{width:44px;height:44px;border:4px solid rgba(0,0,0,.1);border-top:4px solid #007b73;border-radius:50%;animation:spin .9s linear infinite;opacity:.95;filter:drop-shadow(0 0 4px rgba(0,0,0,.1))}.modal-body{opacity:1;animation:bodyFadeIn .6s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.9s}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.btn-base{display:flex;align-items:center;justify-content:center;font-weight:750;cursor:pointer;user-select:none;font-size:clamp(.85rem,1.4vw,.95rem);transition:all .2s ease;box-shadow:0 0 20px #0000001e;border-radius:10px}.btn-base.btn-close{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);width:clamp(30px,3vw,36px);height:clamp(30px,3vw,36px);color:#333;font-size:20px;border:none;background:none;font-weight:600;padding:0;z-index:11}.btn-base.btn-close:hover{background:#f3f4f6;transform:scale(1.05) translateY(-50%)}