.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:flex-end;padding:20px 24px 0;margin-bottom:0}.modal-icon-container{margin-bottom:20px}.modal-icon,.modal-icon-container{display:flex;justify-content:center}.modal-icon{width:64px;height:64px;border-radius:50%;align-items:center;box-shadow:0 4px 12px rgba(0,0,0,.15)}.modal-icon.success{background-color:#10b981;color:#fff}.modal-icon.error{background-color:#ef4444;color:#fff}.modal-close{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.modal-close:hover{color:#374151}.modal-body{padding:0 24px 20px}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0 0 12px;text-align:center}.modal-message{font-size:16px;color:#6b7280;line-height:1.5;margin:0;text-align:center}.modal-footer{padding:20px 24px 24px;border-top:1px solid #e5e7eb;text-align:center}.modal-footer .button{min-width:160px}@media (max-width:640px){.modal-content{margin:20px;max-width:none}.modal-header{padding:20px 20px 0}.modal-body{padding:0 20px 16px}.modal-footer{padding:16px 20px 20px}}