.confirmation-modal{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:var(--shadow-color);z-index:1000;animation:fade-in .2s ease-in-out}.confirmation-modal .modal-content{background:var(--color-bg);padding:1.5rem;width:90%;max-width:600px;border-radius:8px;box-shadow:0 10px 30px var(--shadow-color);animation:slide-in .3s ease-in-out}.confirmation-modal .modal-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.confirmation-modal .modal-title{font-size:1rem;font-weight:600;color:var(--color-heading)}.confirmation-modal .modal-close{cursor:pointer}.confirmation-modal .confirmation-message{font-size:.875rem;color:var(--color-text);margin-bottom:1.5rem;max-width:30rem}.confirmation-modal .modal-footer{display:flex;justify-content:flex-end;gap:10px}.confirmation-modal .btn-cancel{flex-basis:20%}.confirmation-modal .btn-danger{background:#e53e3e!important;color:#fff;border:none;flex-basis:20%}.confirmation-modal .btn-danger:hover{opacity:.8}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}