#overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0804299C;z-index:999;display:none}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);background:#fff;border-radius:18px;box-shadow:0 4px 15px rgba(0,0,0,.2);z-index:1000;padding:30px 50px;max-width:400px;width:100%;opacity:0;visibility:hidden;display:none;transition:opacity 0.3s ease,transform 0.3s ease}.modal.show{display:block;opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);transition:opacity 0.3s ease,transform 0.3s ease}.modal-header{display:flex;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:24px}.modal-header h2{margin:0;font-size:18px}.modal-header .close-btn{cursor:pointer;font-size:20px;font-weight:700;color:#333}.modal-body{margin-bottom:20px}.modal-footer{text-align:right}.modal-footer button{padding:8px 16px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.modal-footer button:hover{background-color:#45a049}.modal-footer .cancel-btn{background-color:#f44336;margin-right:10px}.modal-footer .cancel-btn:hover{background-color:#e53935}@media (max-width:768px){.modal{max-width:96%;padding:24px 30px}}