.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;animation:.2s ease-in-out fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:12px;max-height:90vh;animation:.3s ease-out slideUp;overflow-y:auto;box-shadow:0 10px 40px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-small{width:90%;max-width:400px}.modal-medium{width:90%;max-width:600px}.modal-large{width:90%;max-width:800px}.modal-header{border-bottom:1px solid #e1e8ed;justify-content:space-between;align-items:center;padding:24px 24px 16px;display:flex}.modal-title{color:#333;margin:0;font-size:20px}.modal-close{color:#999;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:32px;line-height:1;transition:all .2s;display:flex}.modal-close:hover{color:#333;background:#f5f5f5}.modal-body{padding:24px}.modal-footer{border-top:1px solid #e1e8ed;justify-content:flex-end;gap:12px;padding:16px 24px 24px;display:flex}@media (width<=768px){.modal-content{border-radius:0;width:100%;max-height:100vh}.modal-small,.modal-medium,.modal-large{max-width:100%}}