.notification-container{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;width:100%}.notification-modal{padding:1.5rem;border-radius:.5rem;box-shadow:0 .25rem .35rem;max-width:25rem;width:100%;animation:fadeIn .3s ease-out;background-color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-1.25rem)}to{opacity:1;transform:translateY(0)}}.notification-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-direction:column}.notification-title{font-size:1.125rem;font-weight:700;justify-items:center;align-items:center;text-align:center;width:100%}.notification-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6b7280;width:2rem}.notificatiion-close:hover{color:#374151}.notification-message{margin-bottom:1rem}.notification-button{width:100%;padding:.5rem;border:none;border-radius:.375rem;border-color:#000;cursor:pointer;transition:background-color .2s}.notification-button:hover{background-color:#d1d5db}.notification-error{color:#b91c1c}.notification-warning{color:#a16207}.notification-success{color:#047857}.notification-info{color:#1d4ed8}.notification-buttons{display:flex;gap:.75rem;margin-top:1.25rem}.notification-button{flex:1;padding:.65rem;border:none;border-radius:.375rem;cursor:pointer;font-weight:500;transition:all .2s}.notification-button.cancel-btn{background-color:#f3f4f6;color:#374151}.notification-button.cancel-btn:hover{background-color:#e5e7eb}.notification-button.confirm-btn{background-color:#ef4444;color:#fff}.notification-button.confirm-btn:hover{background-color:#dc2626}