/* =============================================================================
   components/notifications.css - Notification Component Styles
   ============================================================================= */

.notification {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 15px 20px;
    border-radius: 8px;
    color: white;
    font-weight: 600;
    z-index: 1000;
    max-width: 400px;
    cursor: pointer;
    animation: slideIn 0.3s ease;
}

.notification-success {
    background: #48bb78;
}

.notification-error {
    background: #f56565;
}

.notification-warning {
    background: #ed8936;
}

.notification-info {
    background: #4299e1;
}