.notification-container{z-index:9999;flex-direction:column;gap:12px;width:320px;display:flex;position:fixed;top:20px;right:20px}.notification{color:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:500;animation:.3s ease-out slideIn;display:flex;position:relative;box-shadow:0 8px 24px #0003}.notification .message{flex:1;margin-right:8px}.notification .close-btn{color:inherit;cursor:pointer;background:0 0;border:none;padding:2px;font-size:16px}.notification.success{background-color:#28a745}.notification.error{background-color:#dc3545}.notification.info{background-color:#007bff}.notification.warning{color:#212529;background-color:#ffc107}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.confirm-modal{z-index:10000;justify-content:center;align-items:center;margin:auto;display:flex;position:fixed;inset:0}.confirm-modal .modal-card{color:#111827;text-align:center;background-color:#fff;border-radius:16px;flex-direction:column;gap:1.5rem;width:90%;max-width:400px;padding:2rem 2.5rem;font-family:Inter,sans-serif;display:flex;box-shadow:0 10px 40px #0000001a}.confirm-modal .modal-card p{margin:0;font-size:1rem;line-height:1.6}.confirm-modal .modal-card .modal-buttons{justify-content:center;gap:1rem;display:flex}.confirm-modal .modal-card .modal-buttons button{cursor:pointer;border:none;border-radius:.5rem;flex:1;padding:.75rem 1rem;font-size:.95rem;font-weight:600;transition:all .2s}.confirm-modal .modal-card .modal-buttons button:first-of-type{color:#fff;background-color:#4f46e5}.confirm-modal .modal-card .modal-buttons button:first-of-type:hover{background-color:#4338ca}.confirm-modal .modal-card .modal-buttons button:last-of-type{color:#fff;background-color:#dc3545}.confirm-modal .modal-card .modal-buttons button:last-of-type:hover{background-color:#c82333}
