.dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.dialog-overlay.show{opacity:1;visibility:visible}.dialog{background-color:#fff;padding:20px;border-radius:8px;width:800px;transform:translateY(-50px);opacity:0;transition:transform .3s ease,opacity .3s ease}.dialog.slideIn{transform:translateY(0);opacity:1}.dialog.slideOut{transform:translateY(-50px);opacity:0}.dialog button{padding:10px;background-color:#007bff;color:#fff;border:none;cursor:pointer}.dialog button:hover{background-color:#0056b3}